Important Notice:

|| CCC Result Jul 2024 ||    || CCC Marksheet Jul 2024 ||    || O Level Jan2025 Registration form Last Date: 30/09/2024 ||    || CCC Sep 2024 Exam Date 18 Sep to 21 Sep 2024 ||     || CCC/ O Level Exam Full Form ||
Course Content
CSS
heading
0/8
Content of this Chapter
What is CSS
Advantage of CSS
Versions of CSS
CSS Syntax
CSS Comment
Style Element
Attribute of style tag
Types of CSS
0/5
Types of CSS
Inline CSS
Internal CSS
External CSS
link Tag
CSS Selector
0/10
CSS Selector
Tag selector / Type selector/Element Selector
Universal selector
Class Selector (.)
ID Selectors
Group Selector
Attributes Selector
Descendant Selector /Sub-selectors
Adjacent sibling Selector
Child Selector
CSS Color
0/7
CSS Color
Color names
Hexadecimal values
rgb values
rgba values
hsl values
hsla values
Font Properties
0/7
Font Properties
Font Family
Font Style
Font Weight
Font Variant
Font Size
Font Shorthand Property
Text Properties
0/13
Text Properties
color Property
text-align
text-decoration
text-transform
text-indent
text-direction
text-shadow
vertical-align
word-spacing
letter-spacing
line-height
text-orientation
CSS background Properties
0/9
CSS background Properties
Background Color
Background-image
Background-repeat
Background-position
background-attachment
Background-size
Background-clip
Background-origin
CSS Display property
0/6
CSS Display property
Block Level Elements
Inline Elements
Display: Inline
Display: Block
Display: Inline-block
CSS Box Model/Box Properties
0/7
CSS Box Model/Box Properties
Content
Padding
Margin
Set value of padding and margin
Border
Width and Height of Elements
CSS Border Properties
0/8
CSS Border Properties
border-style
border-width
border-color
border-radius
border-image
border-image-source
box-shadow
Outline Properties
0/8
Outline Properties
outline-style
outline-color
outline-width
outline-offset
Outline shorthand
Difference Between Outline & Border Properties
Example of Outline
CSS List Properties
0/5
CSS List Properties
list-style-type
list-style-position
list-style-image
list-style (shorthand)
CSS Position Properties
0/5
CSS Position Properties
Static Positioning
Relative Positioning
Fixed Positioning
Absolute Positioning
CSS Table Properties
0/5
CSS Table Properties
border Property, border-collapse
border-spacing, caption-side
empty-cells, table-layout
Hoverable Table, Striped Tables
CSS Links
0/5
CSS Links
a : link
a : visited
a : hover
a : active
CSS Cursor Property
0/5
CSS Cursor Property
General Cursors, Links & Status Cursors
Selection Cursors, Drag & Drop Cursors
Resizing & Scrolling Cursors
Zooming Cursors
CSS Overflow Property
0/6
CSS Overflow Property
visible
hidden
scroll
auto
Overflow-x and Overflow-y Property
Float Property
0/1
Float Property
Z-Index
0/1
Z-Index
Opacity Property
0/1
Opacity Property, !Important:-
CSS object-fit Property
0/1
CSS object-fit Property
CSS Pseudo Classes
0/18
CSS Pseudo Classes
:focus
:target
:enabled
:disabled
:checked
:root
:first-child
:last-child, :nth-child()
:nth-of-type()
:first-of-type
:last-of-type, :nth-last-of-type(), :nth-last-child()
:only-of-type
:not()
:empty, :only-child
:valid
:out-of-range
:read-only, :read-write
CSS Pseudo Elements
0/7
CSS Pseudo Elements
::after
::before
::first-letter
::first-line
::selection
Deference Between Pseudo Element & pseudo-class
CSS Combinators
0/5
CSS Combinators
Descendent Selector
Child Selector
Adjacent Sibling Selector
General Sibling Selector
CSS filter Property
0/4
CSS filter Property
Filter Property
Filter Property
Filter Property
CSS Visibility Property
0/1
CSS Visibility Property
CSS Animation
0/5
CSS Animation
CSS3 Animation Properties
Animation Property
Animation Property
Animation Property
CSS (Chapter 4) M2-R5.1
About Lesson
Style Element:-

      Style Element को HTML Document के Head Section में Define किया जाता है। और वहीं किसी Specific Element के लिए Style Rule Define किये जाते है।

<html>
<head>
<title>Internal Style Demo</title>
<style>
body{
background-color:red;
}
</style>
</head>
<body>
<p>This is internal style sheet</p>
</body>
</html>

 

 

Style Element:-

      Style element is defined in the head section of the HTML document. And there style rules are defined for a specific element.

<html>
<head>
<title>Internal Style Demo</title>
<style>
body{
background-color:red;
}
</style>
</head>
<body>
<p>This is internal style sheet</p>
</body>
</html>

 

Previous
Next
error: Content is protected !!