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)
68 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)
68 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
IB Psychology Studies
PDF
No ratings yet
IB Psychology Studies
220 pages
HTML Solo Learn
PDF
No ratings yet
HTML Solo Learn
54 pages
Steven Moore - The Novel - An Alternative History - Beginnings To 1600 (2013)
PDF
100% (3)
Steven Moore - The Novel - An Alternative History - Beginnings To 1600 (2013)
1,205 pages
Coding
PDF
No ratings yet
Coding
13 pages
HTML Codes Foa Website
PDF
100% (1)
HTML Codes Foa Website
180 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
Moocs File
PDF
No ratings yet
Moocs File
18 pages
HTML Cbse1
PDF
No ratings yet
HTML Cbse1
20 pages
Web Designing Using HTML
PDF
No ratings yet
Web Designing Using HTML
21 pages
HTML Css
PDF
No ratings yet
HTML Css
40 pages
Web Design 01
PDF
No ratings yet
Web Design 01
14 pages
Intro To HTML CSS
PDF
No ratings yet
Intro To HTML CSS
26 pages
What Is HTML
PDF
No ratings yet
What Is HTML
3 pages
Web Development
PDF
No ratings yet
Web Development
17 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
HTML Chapter 1 Introduction
PDF
No ratings yet
HTML Chapter 1 Introduction
66 pages
L1 - HTML
PDF
No ratings yet
L1 - HTML
80 pages
Web Page Design
PDF
100% (1)
Web Page Design
12 pages
CBT - HTML - Ver 9.0
PDF
No ratings yet
CBT - HTML - Ver 9.0
131 pages
Internet and Web Technology: Part-1
PDF
No ratings yet
Internet and Web Technology: Part-1
23 pages
HTML
PDF
No ratings yet
HTML
26 pages
HTML - Part I: Indian Institute of Technology Kharagpur
PDF
No ratings yet
HTML - Part I: Indian Institute of Technology Kharagpur
26 pages
CH4ECD
PDF
No ratings yet
CH4ECD
57 pages
Simple HTML Tags
PDF
No ratings yet
Simple HTML Tags
6 pages
HTML2
PDF
No ratings yet
HTML2
73 pages
HTML Basic Tags
PDF
No ratings yet
HTML Basic Tags
9 pages
G. Pullaiah College of Engineering and Technology
PDF
No ratings yet
G. Pullaiah College of Engineering and Technology
55 pages
HTML & CSS
PDF
No ratings yet
HTML & CSS
16 pages
About HTML
PDF
No ratings yet
About HTML
25 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
HTML
PDF
No ratings yet
HTML
14 pages
Enhanced L03-HTML CSS
PDF
No ratings yet
Enhanced L03-HTML CSS
62 pages
IT111 Mod3C
PDF
No ratings yet
IT111 Mod3C
48 pages
EndTerm LearningTopic1-HTML Basic
PDF
No ratings yet
EndTerm LearningTopic1-HTML Basic
31 pages
HTML Glossary
PDF
No ratings yet
HTML Glossary
6 pages
Prakansha HTML File
PDF
No ratings yet
Prakansha HTML File
10 pages
FSD Module1 HTML
PDF
No ratings yet
FSD Module1 HTML
104 pages
Attributes and Elements
PDF
No ratings yet
Attributes and Elements
6 pages
HTML Documents
PDF
No ratings yet
HTML Documents
14 pages
HTML
PDF
No ratings yet
HTML
45 pages
Prelim Reviewer ITEC87
PDF
No ratings yet
Prelim Reviewer ITEC87
5 pages
Introduction To HTML+CSS+Javascript& Debugging PDF
PDF
No ratings yet
Introduction To HTML+CSS+Javascript& Debugging PDF
70 pages
Chapter 3 Lec1
PDF
No ratings yet
Chapter 3 Lec1
8 pages
HTML2
PDF
No ratings yet
HTML2
154 pages
Web Authoring (HTML)
PDF
No ratings yet
Web Authoring (HTML)
64 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
54 pages
HTML & Css
PDF
No ratings yet
HTML & Css
89 pages
Learne HTML: by Exccc For R00Tw0Rm Members
PDF
No ratings yet
Learne HTML: by Exccc For R00Tw0Rm Members
22 pages
Text Formatting Tags
PDF
No ratings yet
Text Formatting Tags
3 pages
HTML - WebSite Designing
PDF
No ratings yet
HTML - WebSite Designing
16 pages
HTML Tags and Its Uses
PDF
No ratings yet
HTML Tags and Its Uses
21 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
HTML and Css
PDF
No ratings yet
HTML and Css
14 pages
HTML
PDF
No ratings yet
HTML
18 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
HTML Note.
PDF
No ratings yet
HTML Note.
26 pages
HTML 1
PDF
No ratings yet
HTML 1
9 pages
HTML
PDF
No ratings yet
HTML
14 pages
Web Devlopment
PDF
No ratings yet
Web Devlopment
21 pages
CSS Box Model and Layouts
From Everand
CSS Box Model and Layouts
Abdelfattah Ragab
No ratings yet
CSS3 Reference: An Alphabetical Guide
From Everand
CSS3 Reference: An Alphabetical Guide
Jo Foster
No ratings yet
M700-70 Series Instruction Manual - IB1500042-G (ENG)
PDF
No ratings yet
M700-70 Series Instruction Manual - IB1500042-G (ENG)
839 pages
Digital Logic and Programming in C PDF
PDF
67% (3)
Digital Logic and Programming in C PDF
12 pages
Sample Family NCP - Community
PDF
100% (1)
Sample Family NCP - Community
2 pages
Leonardo Kleinrock
PDF
No ratings yet
Leonardo Kleinrock
4 pages
RN Review Student Workbook - 3 Day (2023.10.25 Update)
PDF
No ratings yet
RN Review Student Workbook - 3 Day (2023.10.25 Update)
68 pages
Cocoly Brochure P 1 & 4
PDF
No ratings yet
Cocoly Brochure P 1 & 4
1 page
New Approach in Binocular Single Vision Assessment For Candidate of Phacoemulsification Micro Surgeons
PDF
No ratings yet
New Approach in Binocular Single Vision Assessment For Candidate of Phacoemulsification Micro Surgeons
6 pages
Nonlinear Analysis Convergence Practices BUENISIMO
PDF
No ratings yet
Nonlinear Analysis Convergence Practices BUENISIMO
75 pages
Aruba Instant On AP22 Datasheet
PDF
No ratings yet
Aruba Instant On AP22 Datasheet
4 pages
4 IELTS Writing Criteria-6
PDF
No ratings yet
4 IELTS Writing Criteria-6
2 pages
LTC2052HVCS Amplificador Operacional
PDF
No ratings yet
LTC2052HVCS Amplificador Operacional
12 pages
Data Analysis
PDF
No ratings yet
Data Analysis
3 pages
6 Month Data Science Roadmap
PDF
No ratings yet
6 Month Data Science Roadmap
4 pages
Line Out Building Setting
PDF
No ratings yet
Line Out Building Setting
1 page
Web Services 1
PDF
No ratings yet
Web Services 1
16 pages
Folleto Unidad 2. Cuarto
PDF
No ratings yet
Folleto Unidad 2. Cuarto
47 pages
Pre IG Maths Test 2
PDF
No ratings yet
Pre IG Maths Test 2
4 pages
10 Point Basic
PDF
No ratings yet
10 Point Basic
3 pages
Glossary: Programmable Logic Controllers: Industrial Control Glossary 1
PDF
No ratings yet
Glossary: Programmable Logic Controllers: Industrial Control Glossary 1
14 pages
2009 11 Oral Galvanism
PDF
No ratings yet
2009 11 Oral Galvanism
2 pages
Lost in The Middle How Language Models Use Long Contexts
PDF
No ratings yet
Lost in The Middle How Language Models Use Long Contexts
15 pages
SPC Epsilon3 en
PDF
100% (1)
SPC Epsilon3 en
16 pages
2017 Hyundai Elantra 1.6L MT .Pdf1
PDF
No ratings yet
2017 Hyundai Elantra 1.6L MT .Pdf1
7 pages
Song Lyrics
PDF
No ratings yet
Song Lyrics
2 pages
AQA Biology Required Practical Science Revision
PDF
No ratings yet
AQA Biology Required Practical Science Revision
85 pages
Essay Writing 12 May 2023
PDF
No ratings yet
Essay Writing 12 May 2023
2 pages
ZONG Internship Interview Preparation
PDF
No ratings yet
ZONG Internship Interview Preparation
17 pages
Belldihide Corporation: Aulastine / D21200030
PDF
No ratings yet
Belldihide Corporation: Aulastine / D21200030
12 pages