Day One of Week Fifth

CSS

CSS stand for Cascading Style Sheet

Three Ways to Insert CSS

  1. Inline style
  2. External style sheet
  3. Internal style sheet

CSS Color

Colors in CSS are most often specified by:
  1. a valid color name - like "red"
  2. an RGB value - like "rgb(255, 0, 0)"
  3. a HEX value - like "#ff0000"
Example
ColorName
Red
Yellow
Green
Light blue
Blue
Cyan
Pink
Example
ColorNameCode
Red rgb(255,0,0)
Green rgb(0,255,0)
Blue rgb(0,0,255)
Example
ColorNameCode
Red #FF0000
Yellow #FFFF00
Green #00FF00
White #FFF
Black #000
Grey #eee
For Apply font Color in css Syntax
 color :- Color name or color code or rbg value
Example :- color:#FF0000
Example

Change Heading Color with color name in css

Change Heading Color with color code in css

Change Heading Color with rgb in css

<h1 style='color:red'>Change Heading Color with css</h1>
<h1 style='color:#FF0000'>Change Heading Color with css</h1>
<h1 style='color:rgb(254,0,0)'>Change Heading Color with css</h1>
Some formatting property in css
DescriptionProperty NameValueSyntax
For change font stylefont-familyfont Namefont-family:times new roman
Make text italicfont-styleitalicfont-style:italic
Make text bold or normalfont-weightnormal, boldfont-weight:bold
for underline texttext-decorationunderlinetext-decoration:underline
for overline texttext-decorationoverlinetext-decoration:overline
for strike through texttext-decorationline-throughtext-decoration:line-through
for Change Text Aligntext-alignleft,right,center,justifytext-align:right
Example

Change Heading Font Style with css

Change Heading Font Style with css

Change Heading Font Style with css

Italic text with css

Make heading normal with css

Under line in css

Upper line in css

Strike Through in Css

Right Align in Css

<h1 style='font-family:Monotype corsiva'>Change Heading Font Style with css</h1>
<h1 style='font-family:Arial'>Change Heading Font Style with css</h1>
<h2 style='font-family:Arial Black'>Change Heading Font Style with css</h2>
<h2 style='font-style:italic'>Italic text with css</h2>
<h2 style='font-weight:normal'>Make heading normal with css</h2>
<h2 style='text-decoration:underline'>Under line in css</h2>
<h2 style='text-decoration:overline'>Upper line in css</h2>
<h2 style='text-decoration:line-through'>Strike Through in Css</h2>
<h2 style='text-align:right'>Right Align in Css</h2>