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)
69 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)
69 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
Coding
PDF
No ratings yet
Coding
13 pages
HTML2
PDF
No ratings yet
HTML2
154 pages
HTML Chapter 1 Introduction
PDF
No ratings yet
HTML Chapter 1 Introduction
66 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
PDF
No ratings yet
HTML
14 pages
CH4ECD
PDF
No ratings yet
CH4ECD
57 pages
HTML
PDF
No ratings yet
HTML
54 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
CBT - HTML - Ver 9.0
PDF
No ratings yet
CBT - HTML - Ver 9.0
131 pages
HTML Cbse1
PDF
No ratings yet
HTML Cbse1
20 pages
Enhanced L03-HTML CSS
PDF
No ratings yet
Enhanced L03-HTML CSS
62 pages
HTML and Css
PDF
No ratings yet
HTML and Css
14 pages
Moocs File
PDF
No ratings yet
Moocs File
18 pages
Simple HTML Tags
PDF
No ratings yet
Simple HTML Tags
6 pages
HTML2
PDF
No ratings yet
HTML2
73 pages
Introduction To HTML+CSS+Javascript& Debugging PDF
PDF
No ratings yet
Introduction To HTML+CSS+Javascript& Debugging PDF
70 pages
Attributes and Elements
PDF
No ratings yet
Attributes and Elements
6 pages
HTML & CSS
PDF
No ratings yet
HTML & CSS
16 pages
Web Authoring (HTML)
PDF
No ratings yet
Web Authoring (HTML)
64 pages
Intro To HTML CSS
PDF
No ratings yet
Intro To HTML CSS
26 pages
Web Design 01
PDF
No ratings yet
Web Design 01
14 pages
About HTML
PDF
No ratings yet
About HTML
25 pages
HTML Codes Foa Website
PDF
100% (1)
HTML Codes Foa Website
180 pages
HTML - WebSite Designing
PDF
No ratings yet
HTML - WebSite Designing
16 pages
L1 - HTML
PDF
No ratings yet
L1 - HTML
80 pages
HTML
PDF
No ratings yet
HTML
18 pages
Text Formatting Tags
PDF
No ratings yet
Text Formatting Tags
3 pages
HTML Css
PDF
No ratings yet
HTML Css
40 pages
HTML
PDF
No ratings yet
HTML
45 pages
Vikram Singh: An Introduction To Web Technologies
PDF
No ratings yet
Vikram Singh: An Introduction To Web Technologies
38 pages
HTML Documents
PDF
No ratings yet
HTML Documents
14 pages
Web Page Design
PDF
100% (1)
Web Page Design
12 pages
Web Development
PDF
No ratings yet
Web Development
17 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 Tags and Its Uses
PDF
No ratings yet
HTML Tags and Its Uses
21 pages
HTML
PDF
No ratings yet
HTML
26 pages
HTML Basic Tags
PDF
No ratings yet
HTML Basic Tags
9 pages
HTML Solo Learn
PDF
No ratings yet
HTML Solo Learn
54 pages
HTML 1
PDF
No ratings yet
HTML 1
9 pages
HTML
PDF
No ratings yet
HTML
14 pages
HTML & Css
PDF
No ratings yet
HTML & Css
89 pages
FSD Module1 HTML
PDF
No ratings yet
FSD Module1 HTML
104 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
EndTerm LearningTopic1-HTML Basic
PDF
No ratings yet
EndTerm LearningTopic1-HTML Basic
31 pages
Web Devlopment
PDF
No ratings yet
Web Devlopment
21 pages
HTML Note.
PDF
No ratings yet
HTML Note.
26 pages
Engr213 Chapter 4 Homework Solutions
PDF
No ratings yet
Engr213 Chapter 4 Homework Solutions
18 pages
Headlight Wiring
PDF
No ratings yet
Headlight Wiring
127 pages
IT111 Mod3C
PDF
No ratings yet
IT111 Mod3C
48 pages
HTML - Part I: Indian Institute of Technology Kharagpur
PDF
No ratings yet
HTML - Part I: Indian Institute of Technology Kharagpur
26 pages
Web Designing Using HTML
PDF
No ratings yet
Web Designing Using HTML
21 pages
HTML Glossary
PDF
No ratings yet
HTML Glossary
6 pages
Learne HTML: by Exccc For R00Tw0Rm Members
PDF
No ratings yet
Learne HTML: by Exccc For R00Tw0Rm Members
22 pages
Internship Jntuh 160425 With Schedule
PDF
No ratings yet
Internship Jntuh 160425 With Schedule
3 pages
Prelim Reviewer ITEC87
PDF
No ratings yet
Prelim Reviewer ITEC87
5 pages
Prakansha HTML File
PDF
No ratings yet
Prakansha HTML File
10 pages
What Is HTML
PDF
No ratings yet
What Is HTML
3 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
Conjugate Beam Method SLU
PDF
No ratings yet
Conjugate Beam Method SLU
41 pages
Chapter 3 Lec1
PDF
No ratings yet
Chapter 3 Lec1
8 pages
G. Pullaiah College of Engineering and Technology
PDF
No ratings yet
G. Pullaiah College of Engineering and Technology
55 pages
Complete Guide To Service Learning 2
PDF
No ratings yet
Complete Guide To Service Learning 2
110 pages
Grade 5 Write Expressions A
PDF
No ratings yet
Grade 5 Write Expressions A
2 pages
ZT105A (MT) 非公路自卸车技术规格书(中英) 20230818
PDF
No ratings yet
ZT105A (MT) 非公路自卸车技术规格书(中英) 20230818
15 pages
Customer Inquiry Report-9
PDF
No ratings yet
Customer Inquiry Report-9
7 pages
Update On Renewed Effort To Strengthen Routine Immunization
PDF
No ratings yet
Update On Renewed Effort To Strengthen Routine Immunization
49 pages
My Classroom
PDF
No ratings yet
My Classroom
1 page
Datasheet ERA SOLAR ERA-72HC - (525-550) M
PDF
No ratings yet
Datasheet ERA SOLAR ERA-72HC - (525-550) M
1 page
Article On Hedonic Loss
PDF
No ratings yet
Article On Hedonic Loss
14 pages
CHAPTER 7 - MATHEMATICS of FINANCE, Seventh Edition by Robert L. Brown, Steve Kopp and Petr Zima (Z-Lib - Org) - 261-289
PDF
No ratings yet
CHAPTER 7 - MATHEMATICS of FINANCE, Seventh Edition by Robert L. Brown, Steve Kopp and Petr Zima (Z-Lib - Org) - 261-289
29 pages
1. 听力部分SL Mock Examination02-S
PDF
No ratings yet
1. 听力部分SL Mock Examination02-S
8 pages
Acebrofilina+budesonida
PDF
No ratings yet
Acebrofilina+budesonida
3 pages
Internet and Web Technology: Part-1
PDF
No ratings yet
Internet and Web Technology: Part-1
23 pages
Read Across America Day - by Slidesgo
PDF
No ratings yet
Read Across America Day - by Slidesgo
56 pages
Photoluminescence FBG
PDF
No ratings yet
Photoluminescence FBG
13 pages
My Musicals
PDF
No ratings yet
My Musicals
4 pages
Upgrading Cimplicity 6.1 To 8.1 License Issue
PDF
No ratings yet
Upgrading Cimplicity 6.1 To 8.1 License Issue
2 pages
Lovino - B8 - Case Analysis Essay Volunteerism
PDF
No ratings yet
Lovino - B8 - Case Analysis Essay Volunteerism
3 pages
Operating Room
PDF
No ratings yet
Operating Room
1 page
ASIC Implementation of Efficient 16-Parallel Fast FIR Algorithm Filter Structure
PDF
No ratings yet
ASIC Implementation of Efficient 16-Parallel Fast FIR Algorithm Filter Structure
5 pages
Worksheet 3 LS6 - MIANO, REYMARK
PDF
No ratings yet
Worksheet 3 LS6 - MIANO, REYMARK
1 page
TCTX 5100 Classroom Rules Learning Activity
PDF
No ratings yet
TCTX 5100 Classroom Rules Learning Activity
2 pages
Medical Astrology - Medicine by The Stars
PDF
No ratings yet
Medical Astrology - Medicine by The Stars
4 pages
Book Report Choice Board 1
PDF
No ratings yet
Book Report Choice Board 1
1 page
A First Introduction To P-Adic Numbers
PDF
No ratings yet
A First Introduction To P-Adic Numbers
6 pages
Electrical Wire Labeling
PDF
No ratings yet
Electrical Wire Labeling
2 pages
BROSURABFPLOFT20112
PDF
No ratings yet
BROSURABFPLOFT20112
6 pages
Packet Tracer Activity 3.5.1
PDF
No ratings yet
Packet Tracer Activity 3.5.1
2 pages
CSS3 Reference: An Alphabetical Guide
From Everand
CSS3 Reference: An Alphabetical Guide
Jo Foster
No ratings yet
CSS Box Model and Layouts
From Everand
CSS Box Model and Layouts
Abdelfattah Ragab
No ratings yet