Open navigation menu
Close suggestions
Search
Search
en
Change Language
Upload
Sign in
Sign in
Download free for days
0 ratings
0% found this document useful (0 votes)
70 views
1 page
Modern HTML Css
Uploaded by
Laiba Tariq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here
.
Available Formats
Download as PDF, TXT or read online on Scribd
Download
Save
Save Modern HTML Css For Later
Share
0%
0% found this document useful, undefined
0%
, undefined
Print
Embed
Report
0 ratings
0% found this document useful (0 votes)
70 views
1 page
Modern HTML Css
Uploaded by
Laiba Tariq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here
.
Available Formats
Download as PDF, TXT or read online on Scribd
Carousel Previous
Carousel Next
Download
Save
Save Modern HTML Css For Later
Share
0%
0% found this document useful, undefined
0%
, undefined
Print
Embed
Report
Download
Save Modern HTML Css For Later
You are on page 1
/ 1
Search
Fullscreen
HTML & CSS (2021)
Common HTML Tags CSS Examples CSS Selectors
selector Tag div { color: blue; }
name attribute(s)
declaration block Class .class-name { color: blue; }
opening ID #id_name { color: blue; }
contents
closing Containment (match children)
property value
/* Match all divs in #a */
Paragraph #a div { color: blue; }
Text /* Divs immediately in #b */
<p>Paragraph of text</p> #b > div { color: blue; }
p { /* Wildcard: anything in #c */
Styling font-size: 16pt; #c > * { color: blue; }
text-align: center;
color: green;
<em>Italic</em> and font-family: "Arial"; Pseudo-elements (add content)
<strong>bold</strong> font-weight: bold;
line-height: 20px;
Image h1::before { content: "-"; }
}
<img src="image.jpg" /> Sizing Pseudo-classes (match by position)
Link (aka “anchor”) div { /* First p margin */
height: 30px; p:nth-child(1) { margin: 10px; }
<a href="http://google.com/"> width: 100%; /* Striped table rows */
Link to Google margin-left: 20px; tr:nth-child(odd) { color: gray; }
</a> padding-top: 10px;
}
Headers Grid Container
Block styling
<h1>Huge</h1> <h2>Big</h2>
... <h6>Small</h6> grid-template-columns grid-template-rows
.highlighted-area {
display: block; 1fr 1fr 1fr 1fr 1fr 1fr
Freeform box-sizing: border-box;
<div></div> (block) and background: yellow; 50px auto 50px 50px auto 90px
<span></span> (inline) border: 2px solid green;
border-radius: 10px; 20% 20% auto 100px auto 20%
Semantic }
<section>, <article>, and more .container-element {
Transition (animates properties) display: grid;
Comment grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 50px auto 90px;
.fading-link {
<!-- Ignored text --> transition: color 1s, }
padding-left 3s;
}
Box model .fading-link:hover { Grid Child Positioning
color: green;
padding-left: 20px; grid-column grid-row
Margin }
2/3
Border
2/ span 2
Padding CSS Display
1/3
Content block fill available width, word-wrap 1 / span 2 1 / span 2
inline children (e.g. paragraph)
inline word-wrap (e.g. strong)
content-box inline-block square block within word- .child-element {
wrapped text (e.g. emoji or icon) grid-column: 1 / span 2;
flex line up children, control spacing grid-row: 1 / span 2;
border-box grid position children in grid }
Modern HTML (2021) kickstartcoding.com A cheatsheet by Kickstart Coding
You might also like
HTML Chapter 1 Introduction
PDF
No ratings yet
HTML Chapter 1 Introduction
66 pages
Coding
PDF
No ratings yet
Coding
13 pages
CBT - HTML - Ver 9.0
PDF
No ratings yet
CBT - HTML - Ver 9.0
131 pages
HTML
PDF
No ratings yet
HTML
54 pages
CH4ECD
PDF
No ratings yet
CH4ECD
57 pages
Enhanced L03-HTML CSS
PDF
No ratings yet
Enhanced L03-HTML CSS
62 pages
Html5: !doctype HTML Head Title /title /head Body h1 /h1 P /P /body /HTML
PDF
No ratings yet
Html5: !doctype HTML Head Title /title /head Body h1 /h1 P /P /body /HTML
17 pages
HTML2
PDF
No ratings yet
HTML2
73 pages
HTML2
PDF
No ratings yet
HTML2
154 pages
Intro To HTML CSS
PDF
No ratings yet
Intro To HTML CSS
26 pages
Introduction To HTML+CSS+Javascript& Debugging PDF
PDF
No ratings yet
Introduction To HTML+CSS+Javascript& Debugging PDF
70 pages
L1 - HTML
PDF
No ratings yet
L1 - HTML
80 pages
Moocs File
PDF
No ratings yet
Moocs File
18 pages
HTML & CSS
PDF
No ratings yet
HTML & CSS
16 pages
HTML Cbse1
PDF
No ratings yet
HTML Cbse1
20 pages
HTML & Css
PDF
No ratings yet
HTML & Css
89 pages
About HTML
PDF
No ratings yet
About HTML
25 pages
HTML
PDF
No ratings yet
HTML
45 pages
HTML Css
PDF
No ratings yet
HTML Css
40 pages
Web Page Design
PDF
100% (1)
Web Page Design
12 pages
HTML and Css
PDF
No ratings yet
HTML and Css
14 pages
HTML - WebSite Designing
PDF
No ratings yet
HTML - WebSite Designing
16 pages
Tle 10 Ict Quarter 2 Learning Resources w1-w5
PDF
No ratings yet
Tle 10 Ict Quarter 2 Learning Resources w1-w5
66 pages
Web Design 01
PDF
No ratings yet
Web Design 01
14 pages
Web Development
PDF
No ratings yet
Web Development
17 pages
HTML Tags and Its Uses
PDF
No ratings yet
HTML Tags and Its Uses
21 pages
HTML
PDF
No ratings yet
HTML
26 pages
FSD Module1 HTML
PDF
No ratings yet
FSD Module1 HTML
104 pages
HTML Documents
PDF
No ratings yet
HTML Documents
14 pages
Bomag Bw120 Ad5 Kullanma Bakim
PDF
100% (1)
Bomag Bw120 Ad5 Kullanma Bakim
196 pages
EndTerm LearningTopic1-HTML Basic
PDF
No ratings yet
EndTerm LearningTopic1-HTML Basic
31 pages
HTML
PDF
No ratings yet
HTML
18 pages
Vikram Singh: An Introduction To Web Technologies
PDF
No ratings yet
Vikram Singh: An Introduction To Web Technologies
38 pages
HTML
PDF
No ratings yet
HTML
14 pages
Attributes and Elements
PDF
No ratings yet
Attributes and Elements
6 pages
Web Devlopment
PDF
No ratings yet
Web Devlopment
21 pages
HTML Basic Tags
PDF
No ratings yet
HTML Basic Tags
9 pages
IT111 Mod3C
PDF
No ratings yet
IT111 Mod3C
48 pages
HTML 1
PDF
No ratings yet
HTML 1
9 pages
Web Authoring (HTML)
PDF
No ratings yet
Web Authoring (HTML)
64 pages
HTML Can Be Edited by Using A Professional HTML Editor Like
PDF
No ratings yet
HTML Can Be Edited by Using A Professional HTML Editor Like
8 pages
Text Formatting Tags
PDF
No ratings yet
Text Formatting Tags
3 pages
HTML Note.
PDF
No ratings yet
HTML Note.
26 pages
HTML
PDF
No ratings yet
HTML
14 pages
Web Designing Using HTML
PDF
No ratings yet
Web Designing Using HTML
21 pages
HTML Codes Foa Website
PDF
100% (1)
HTML Codes Foa Website
180 pages
Prakansha HTML File
PDF
No ratings yet
Prakansha HTML File
10 pages
Chapter 3 Lec1
PDF
No ratings yet
Chapter 3 Lec1
8 pages
Learne HTML: by Exccc For R00Tw0Rm Members
PDF
No ratings yet
Learne HTML: by Exccc For R00Tw0Rm Members
22 pages
HTML: HTML Stands For Hyper-Text Markup Language. It Allows Us To Create Web
PDF
No ratings yet
HTML: HTML Stands For Hyper-Text Markup Language. It Allows Us To Create Web
34 pages
Simple HTML Tags
PDF
No ratings yet
Simple HTML Tags
6 pages
G. Pullaiah College of Engineering and Technology
PDF
No ratings yet
G. Pullaiah College of Engineering and Technology
55 pages
HTML Solo Learn
PDF
No ratings yet
HTML Solo Learn
54 pages
HTML Glossary
PDF
No ratings yet
HTML Glossary
6 pages
Internet and Web Technology: Part-1
PDF
No ratings yet
Internet and Web Technology: Part-1
23 pages
HTML - Part I: Indian Institute of Technology Kharagpur
PDF
No ratings yet
HTML - Part I: Indian Institute of Technology Kharagpur
26 pages
What Is HTML
PDF
No ratings yet
What Is HTML
3 pages
Prelim Reviewer ITEC87
PDF
No ratings yet
Prelim Reviewer ITEC87
5 pages
Control Room - Updated 18th May PDF
PDF
No ratings yet
Control Room - Updated 18th May PDF
1 page
Japan - ICFG International Cold Forging Group
PDF
No ratings yet
Japan - ICFG International Cold Forging Group
12 pages
CBSE Class 12 Informatics Practices Html-1 Basic HTML Elements PDF
PDF
No ratings yet
CBSE Class 12 Informatics Practices Html-1 Basic HTML Elements PDF
4 pages
What Your Food Ate How To Heal Our Land and Reclaim Our Health David R Montgomery Instant Download
PDF
No ratings yet
What Your Food Ate How To Heal Our Land and Reclaim Our Health David R Montgomery Instant Download
83 pages
Citrix Virtual Apps and Desktops Translate
PDF
No ratings yet
Citrix Virtual Apps and Desktops Translate
299 pages
Drain PCC 136 BOQ With Rates
PDF
No ratings yet
Drain PCC 136 BOQ With Rates
29 pages
AUTOSAR TPS SoftwareComponentTemplate
PDF
No ratings yet
AUTOSAR TPS SoftwareComponentTemplate
1,127 pages
PhilipCardiff UCD Geometry, Meshing in OpenFOAM
PDF
No ratings yet
PhilipCardiff UCD Geometry, Meshing in OpenFOAM
72 pages
54dgftmar2006 07
PDF
No ratings yet
54dgftmar2006 07
107 pages
Packet Tracer 8.6.1.3
PDF
0% (1)
Packet Tracer 8.6.1.3
16 pages
Chemical Catalog
PDF
No ratings yet
Chemical Catalog
58 pages
Mendel and Heredity Worksheet
PDF
No ratings yet
Mendel and Heredity Worksheet
11 pages
Xtrade Website Demo
PDF
No ratings yet
Xtrade Website Demo
72 pages
Experiment-1: Aim: Equipment Required
PDF
No ratings yet
Experiment-1: Aim: Equipment Required
17 pages
636379840590994941
PDF
100% (1)
636379840590994941
55 pages
E-Nursery: Bachelor of Computer Application
PDF
No ratings yet
E-Nursery: Bachelor of Computer Application
9 pages
Bus 1010 E-Portfolio Assignment
PDF
No ratings yet
Bus 1010 E-Portfolio Assignment
6 pages
Lecture 1 - Introduction To Islamic Architecture
PDF
No ratings yet
Lecture 1 - Introduction To Islamic Architecture
51 pages
Menu Bela Terbaru 2023
PDF
No ratings yet
Menu Bela Terbaru 2023
10 pages
EE 432/532 Diffusion Examples - 1
PDF
No ratings yet
EE 432/532 Diffusion Examples - 1
13 pages
Spectrum of Imaging Findings in Pulmonary Infections Part 1&2
PDF
No ratings yet
Spectrum of Imaging Findings in Pulmonary Infections Part 1&2
19 pages
Avatar Courage - AHTS Brochure Dec 2022 (Singapore Flag)
PDF
No ratings yet
Avatar Courage - AHTS Brochure Dec 2022 (Singapore Flag)
2 pages
Cyber Security Module 1 Lesson 3 Notes
PDF
No ratings yet
Cyber Security Module 1 Lesson 3 Notes
20 pages
Notation: Ae Aeff An
PDF
No ratings yet
Notation: Ae Aeff An
4 pages
GTU Big Data Analysis Question Paper Summer 2022
PDF
No ratings yet
GTU Big Data Analysis Question Paper Summer 2022
1 page
Rack and Tower Sap Certifications
PDF
No ratings yet
Rack and Tower Sap Certifications
5 pages
GST Retail Invoice BAIJU KUMAR
PDF
No ratings yet
GST Retail Invoice BAIJU KUMAR
2 pages
Cove R Lin e
PDF
No ratings yet
Cove R Lin e
17 pages
Network Administrator or Configuration Manager or Application de
PDF
No ratings yet
Network Administrator or Configuration Manager or Application de
2 pages
Quikcalc Eplus - Esercizio 21
PDF
No ratings yet
Quikcalc Eplus - Esercizio 21
1 page