This document provides an overview of a learning course on HTML and CSS basics. It covers 5 lessons:
1. Cascading Style Sheets - How to include CSS in HTML documents through inline, internal, and external stylesheets.
2. CSS Syntax - The basic structure of CSS rules with selectors, declarations, properties, and values.
3. CSS Selectors - Different types of CSS selectors like element, ID, class, and universal selectors.
4. CSS Box Model, Layout, and Positioning - Concepts of the CSS box model, borders, margins, padding, and positioning with static, relative, fixed, absolute and sticky values.
5. CSS Text
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
If you are new to PrintCSS, one of the biggest tasks is to decide on the rendering tool. PrintCSS.live tries to help you with that decision by allowing you to try out the most popular rendering tools on the market in the browser.
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
If you are new to PrintCSS, one of the biggest tasks is to decide on the rendering tool. PrintCSS.live tries to help you with that decision by allowing you to try out the most popular rendering tools on the market in the browser.
CSS:CSS stands for Cascading Style Sheets.
CSS describes how HTML elements are to be displayed on screen ,paper , or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once.
External stylesheets are stored in CSS files.
CSS is used to define styles for your web pages, including the design ,layout and variations in display for different devices and screen sizes.
layout:A website can be divided into various sections comprising of header, menus, content and footer based on which there are many different layout design available for developer
CSS Grid layout is a 2D layout system for the web.
It lets you lay content out in rows and columns, and has many features that make building complex layouts straightforward.
The most common structure of website layout contains:
Header
Navigation menu
Content : The content section is the main body of the website. The user can divide content section in n-column layout. Example :1-column layout,2-column layout etc.
Footer
position:The position property specifies the type of positioning method used for an element.
There are four different position values:
Static
Relative
Fixed
Absolute
Elements are then positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. They also work differently depending on the position value.
Overlapping elements: When elements are positioned ,they can overlap other elements.
The z-index property specifies the stack order of an element.
forms:There are many CSS properties available which can be used to create and style HTML forms to make them more interactive. Some of them are as below:
Attribute selector
Styling the width of input
Add padding in inputs
Set margin for inputs
Adding border and border radius
Adding colour to add text
Focus Selector
Transition property
pseudo-class:Selector: pseudo-class{ property: value }
:link
:visited }link (A tag) related pseudo classes
:hover
:active
:after
:before
:first-child
:focus
:first-letter
:first-line
1.CSS term. 2. Style attribute / Style element. 3. Inline styles / Multiple styles. 4. CSS syntax (Selector - Rules). 5. Selectors (Type - Class and ID). 6. External CCS file. 7. Boxes (Content – Padding – Border - Margin). 8. Style sheet or style element — not both! 9. CSS colors.
Skills: 1. Change the color of text on a web page. 2. Change the layout of a web page. 3. Access Developer Tools in your browser. 4. Apply style to HTML elements. 5. Styling HTML separately. 6. Linking stylesheets. 7. CSS property for setting an element. 8. Apply Fonts on web page. 9. Include the CCS files.
CSS Part 1 Styles' locations
https://youtu.be/gw4tOnu4S8w
CSS Part 2 Types of selectors by engineer & educator Osama Ghandour
https://youtu.be/9Emyuiey-98
CSS Part 3 CSS Syntax
https://youtu.be/-vQwT7uFTUY
CSS Part 4 CSS Selectors Tag, ID, Class, Attribute by engineer & educator Osama Ghandour
https://youtu.be/ZuCCLeVvyW8
CSS Part 5 Boxes Content – Padding – Border Margin by engineer & educator Osama Ghandour
https://youtu.be/8c0Z5cej03o
CSS Part 5 Boxes Content – Padding – Border Margin by engineer & educator Osama Ghandour
https://youtu.be/H4VnXlW9Ik8
Taken from the Future of Web Design, San Francisco 2015 Conference. https://futureofwebdesign.com/san-francisco-2015/
In the last few years, we’ve seen an emergence of a modular way of thinking about code and design. We’ve seen the rise of SMACSS, BEM, and Atomic Design. This talk will look at those modular concepts and how they can streamline development for large and long-running projects. We’ll also look at how these approaches can ease responsive design and development. Lastly, we will look at where the modular approach is going in the future as Web Components slowly make their way into browsers and application frameworks.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Mais conteúdo relacionado
Semelhante a CHAPTER 3_ Getting Started with CSS Module
CSS:CSS stands for Cascading Style Sheets.
CSS describes how HTML elements are to be displayed on screen ,paper , or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once.
External stylesheets are stored in CSS files.
CSS is used to define styles for your web pages, including the design ,layout and variations in display for different devices and screen sizes.
layout:A website can be divided into various sections comprising of header, menus, content and footer based on which there are many different layout design available for developer
CSS Grid layout is a 2D layout system for the web.
It lets you lay content out in rows and columns, and has many features that make building complex layouts straightforward.
The most common structure of website layout contains:
Header
Navigation menu
Content : The content section is the main body of the website. The user can divide content section in n-column layout. Example :1-column layout,2-column layout etc.
Footer
position:The position property specifies the type of positioning method used for an element.
There are four different position values:
Static
Relative
Fixed
Absolute
Elements are then positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. They also work differently depending on the position value.
Overlapping elements: When elements are positioned ,they can overlap other elements.
The z-index property specifies the stack order of an element.
forms:There are many CSS properties available which can be used to create and style HTML forms to make them more interactive. Some of them are as below:
Attribute selector
Styling the width of input
Add padding in inputs
Set margin for inputs
Adding border and border radius
Adding colour to add text
Focus Selector
Transition property
pseudo-class:Selector: pseudo-class{ property: value }
:link
:visited }link (A tag) related pseudo classes
:hover
:active
:after
:before
:first-child
:focus
:first-letter
:first-line
1.CSS term. 2. Style attribute / Style element. 3. Inline styles / Multiple styles. 4. CSS syntax (Selector - Rules). 5. Selectors (Type - Class and ID). 6. External CCS file. 7. Boxes (Content – Padding – Border - Margin). 8. Style sheet or style element — not both! 9. CSS colors.
Skills: 1. Change the color of text on a web page. 2. Change the layout of a web page. 3. Access Developer Tools in your browser. 4. Apply style to HTML elements. 5. Styling HTML separately. 6. Linking stylesheets. 7. CSS property for setting an element. 8. Apply Fonts on web page. 9. Include the CCS files.
CSS Part 1 Styles' locations
https://youtu.be/gw4tOnu4S8w
CSS Part 2 Types of selectors by engineer & educator Osama Ghandour
https://youtu.be/9Emyuiey-98
CSS Part 3 CSS Syntax
https://youtu.be/-vQwT7uFTUY
CSS Part 4 CSS Selectors Tag, ID, Class, Attribute by engineer & educator Osama Ghandour
https://youtu.be/ZuCCLeVvyW8
CSS Part 5 Boxes Content – Padding – Border Margin by engineer & educator Osama Ghandour
https://youtu.be/8c0Z5cej03o
CSS Part 5 Boxes Content – Padding – Border Margin by engineer & educator Osama Ghandour
https://youtu.be/H4VnXlW9Ik8
Taken from the Future of Web Design, San Francisco 2015 Conference. https://futureofwebdesign.com/san-francisco-2015/
In the last few years, we’ve seen an emergence of a modular way of thinking about code and design. We’ve seen the rise of SMACSS, BEM, and Atomic Design. This talk will look at those modular concepts and how they can streamline development for large and long-running projects. We’ll also look at how these approaches can ease responsive design and development. Lastly, we will look at where the modular approach is going in the future as Web Components slowly make their way into browsers and application frameworks.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Normal Labour/ Stages of Labour/ Mechanism of LabourWasim Ak
Normal labor is also termed spontaneous labor, defined as the natural physiological process through which the fetus, placenta, and membranes are expelled from the uterus through the birth canal at term (37 to 42 weeks
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
2. 2
HTML & CSS BASICS
CHAPTER 3: GET STARTED WITH CSS
LOGO
3. 3
CHAPTER 3: GET STARTED WITH CSS
Learning Objectives
At the end of this chapter you should be able:
1. Learn and compare the three ways of inserting a
style sheet in an HTML document using CSS
2. Learn basic CSS Syntax
3. Learn and practice styling HTML using basic CSS
selectors
4. 4
CHAPTER 3: GET STARTED WITH CSS
Learning Objectives
At the end of this chapter you should be able:
4. Learn basic CSS box model components
5. Learn CSS position property
6. Learn and practice styling HTML using CSS basic
text formatting properties
7. Learn and compare the basic CSS display
properties
6. 6
CASCADING STYLE SHEETS
Including CSS in HTML Documents
When a browser reads a style sheet, it will format the HTML
document according to the information in the style sheet.
● Inline
● Internal
● External
Main Topic
14. 14
CSS SYNTAX
Understanding CSS Syntax
A CSS stylesheet consists of a set of rules that are
interpreted by the web browser and then applied to the
corresponding elements such as paragraphs, headings, etc.
in the document.
● Selector
● Declaration
● Property
● Value
● Writing Comments in Css
Main Topic
18. 18
CSS SELECTORS
What Is Selector?
A CSS selector is a pattern to match the elements on a web
page.
● CSS Element Selector
● CSS ID Selector
● CSS Class Selector
● CSS Universal Selector
● CSS Grouping Selector
Main Topic
30. 30
CSS BOX MODEL,
LAYOUT AND POSITION
CSS Box Model
The box model allows us to add a border around elements,
and to define space between elements.
● Content
● Padding
● Border
● Margin
Main Topic
31. 31
CSS Box Model
1. Content
2. Padding
3. Border
4. Margin
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
1 2
3 4
32. 32
CSS BOX MODEL,
LAYOUT AND POSITION
CSS Borders
The CSS border properties allow you to specify the style,
width, and color of an element's border
● CSS Border Style
● CSS Border Width
● CSS Border Color
● CSS Rounded Borders
Main Topic
33. 33
CSS Border Style
Specifies what kind of
border to display
● dotted
{border-style: dotted;}
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
34. 34
CSS Border Style
Specifies what kind of
border to display
● dotted
{border-style: dotted;}
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
35. 35
CSS Border Style
Specifies what kind of
border to display
● solid
{border-style: solid;}
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
36. 36
CSS Border Style
Specifies what kind of
border to display
● solid
{border-style: solid;}
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
39. 39
CSS Border Color
Used to set the color
of the four borders.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
40. 40
CSS Border Color
Used to set the color
of the four borders.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
41. 41
CSS Rounded Border
The border-radius
property is used to
add rounded borders
to an element.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
42. 42
CSS BOX MODEL,
LAYOUT AND POSITION
CSS Margins
Margins are used to create space around elements, outside
of any defined borders.
● margin-top, margin-right, margin-bottom ,margin-left
● the auto value
● the inherit value
Main Topic
43. 43
CSS Margins
1. margin-top
2. margin-right
3. margin-bottom
4. margin-left
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
1
2
3
4
44. 44
CSS Margins
1. margin-top
2. margin-right
3. margin-bottom
4. margin-left
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View 1
2
3
4
45. 45
The auto value
Set the margin
property to auto to
horizontally center the
element within its
container.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
46. 46
The auto value
Set the margin
property to auto to
horizontally center the
element within its
container.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
47. 47
The inherit value
Causes the element to
take the computed
value of the property
from its parent
element.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
48. 48
The inherit value
Causes the element to
take the computed
value of the property
from its parent
element.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
49. 49
CSS BOX MODEL,
LAYOUT AND POSITION
CSS Padding
The CSS padding properties are used to generate space
around an element's content, inside of any defined borders.
● padding-top
● padding-right
● padding-bottom
● padding-left
Main Topic
50. 50
CSS Padding
1. padding-top
2. padding-right
3. padding-bottom
4. padding-left
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
HTML View
1
2
3
4
51. 51
CSS Padding
1. padding-top
2. padding-right
3. padding-bottom
4. padding-left
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
1
2
3
4
52. 52
CSS BOX MODEL,
LAYOUT AND POSITION
CSS Layout -The Position Property
The position property specifies the type of positioning
method used for an element.
● static
● relative
● fixed
● absolute
● sticky
Main Topic
55. 55
Position: Relative;
An element with
position: relative; is
positioned relative to
its normal position.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Html View
56. 56
Position: Relative;
An element with
position: relative; is
positioned relative to
its normal position.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
57. 57
Position: Fixed;
Positioned relative to
the viewport, which
means it always stays
in the same place
even if the page is
scrolled.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Html View
58. 58
Position: Fixed;
Positioned relative to
the viewport, which
means it always stays
in the same place
even if the page is
scrolled.
CSS BOX MODEL,
LAYOUT AND POSITION
SubTopic
Web View
64. 64
CSS TEXT FORMATTING PROPERTIES
Formatting Text with CSS
These properties give you precise control over the visual
appearance of the characters, words, spaces, and so on
● CSS Text Color
● Text Color and Background Color
Main Topic
65. 65
CSS TEXT FORMATTING PROPERTIES
CSS Text Color
Used to set the color
of the text
SubTopic
Html View
66. 66
CSS TEXT FORMATTING PROPERTIES
CSS Text Color
Used to set the color
of the text
SubTopic
Web View
67. 67
CSS TEXT FORMATTING PROPERTIES
Text Color and
Background Color
Define both the
background-color
property and the color
property.
SubTopic
Html View
68. 68
CSS TEXT FORMATTING PROPERTIES
Text Color and
Background Color
Define both the
background-color
property and the color
property.
SubTopic
Web View
69. 69
CSS TEXT FORMATTING PROPERTIES
CSS Fonts, Style , Weight, Variant, Size
These properties give you precise control over the visual
appearance of the characters, words, spaces, and so on.
● The CSS Font Family Property
● CSS Web Safe Fonts
● CSS Font style
● CSS Font weight
● CSS Font variant
● CSS Font size
Main Topic
70. 70
CSS TEXT FORMATTING PROPERTIES
Generic Font Families
● Serif
● Sans-serif
● Monospace
● Cursive
● Fantasy
SubTopic
71. 71
CSS TEXT FORMATTING PROPERTIES
The CSS Font Family
Property
Use to specify the font
of a text
SubTopic
Html View
72. 72
CSS TEXT FORMATTING PROPERTIES
The CSS Font Family
Property
Use to specify the font
of a text
SubTopic
Web View
73. 73
CSS TEXT FORMATTING PROPERTIES
CSS Web safe fonts
Universally installed
across all browsers
and devices.
● Georgia (serif)
SubTopic
HTML View
74. 74
CSS TEXT FORMATTING PROPERTIES
CSS Web safe fonts
Universally installed
across all browsers
and devices.
● Georgia (serif)
SubTopic
Web View
75. 75
CSS TEXT FORMATTING PROPERTIES
CSS Font style
Mostly used to specify
italic text.
● italic
SubTopic
Web View
76. 76
CSS TEXT FORMATTING PROPERTIES
CSS Font style
Mostly used to specify
italic text.
● italic
SubTopic
Web View
77. 77
CSS TEXT FORMATTING PROPERTIES
CSS Font Weight
Specifies the weight of
a font.
SubTopic
Html View
78. 78
CSS TEXT FORMATTING PROPERTIES
CSS Font Weight
Specifies the weight of
a font.
SubTopic
Web View
79. 79
CSS TEXT FORMATTING PROPERTIES
CSS Font Variant
Specifies whether or
not a text should be
displayed in a small-
caps font.
SubTopic
Html View
80. 80
CSS TEXT FORMATTING PROPERTIES
CSS Font Variant
Specifies whether or
not a text should be
displayed in a small-
caps font.
SubTopic
Web View
81. 81
CSS TEXT FORMATTING PROPERTIES
CSS Font size
Sets the size of the
text.
If you use pixels, you
can still use the zoom
tool to resize the
entire page.
SubTopic
HTML View
82. 82
CSS TEXT FORMATTING PROPERTIES
CSS Font size
Sets the size of the
text.
To allow users to
resize the text (in the
browser menu), many
developers use em
instead of pixels.
pixels/16=em
SubTopic
HTML View
83. 83
CSS TEXT FORMATTING PROPERTIES
CSS Font size
Sets the size of the
text.
The text size can be
set with a vw unit,
which means the
"viewport width". The
text size will follow the
size of the browser
window.
SubTopic
HTML View
84. 84
CSS TEXT FORMATTING PROPERTIES
CSS Text Alignment
The text-align property is used to set the horizontal
alignment of a text.
● Text-align: center
● Text-align: left
● Text-align: right
● Text-align: justify
● Text-align: last
Main Topic
85. 85
CSS TEXT FORMATTING PROPERTIES
CSS Text Alignment
1. Text-align: center
2. Text-align: left
3. Text-align: right
SubTopic
HTML View
1
2
3
86. 86
CSS TEXT FORMATTING PROPERTIES
CSS Text Alignment
1. Text-align: center
2. Text-align: left
3. Text-align: right
SubTopic
Web View
87. 87
CSS TEXT FORMATTING PROPERTIES
Text-align: justify
Stretches the lines so
that each line has
equal width
SubTopic
HTML View
88. 88
CSS TEXT FORMATTING PROPERTIES
Text-align: justify
Stretches the lines so
that each line has
equal width
SubTopic
Web View
89. 89
CSS TEXT FORMATTING PROPERTIES
Text-align: last
Specifies how to align
the last line of a text.
SubTopic
HTML View
90. 90
CSS TEXT FORMATTING PROPERTIES
Text-align: last
Specifies how to align
the last line of a text.
SubTopic
Web View
92. 92
CSS DISPLAY PROPERTIES
The Display Property
The display property specifies if/how an element is
displayed.
● Display Block
● Display Inline
● Display Inline-Block
Main Topic
93. 93
CSS TEXT FORMATTING PROPERTIES
Display Block
Takes as much as
horizontal space as
they can.
SubTopic
Web View
94. 94
CSS TEXT FORMATTING PROPERTIES
Display Inline
Takes the required
width only.
SubTopic
Web View
95. 95
CSS TEXT FORMATTING PROPERTIES
Display Inline-Block
Able to set the width
and height.
SubTopic
Web View