ID Selector CSS
Chapter 14.1 - ID Selector CSS: (Page 2/5)
(Cotinued from previous page)
Chapter 14 : CSS Id, Class Elements and Pseudo Elements
A CSS segment generally has two parts:
i) Selector: This is HTML element, for which we want the style
ii) Declarations: This is the definition of the style for selector. This has got further two parts
a) Property: Property of declaration e.g. color, size, location etc. All the property ends with a symbol ':'
b) Value: This is property value e.g. Red, 10 px etc. All the value ends with a symbol ';'.
NOTE: The command are written within '{' and '}'. The command follow the same pattern for Body, Paragraph, Text, Headings, Divisions etc. i.e.
A typical example is (If you want to define the back ground color as 'Red')
For Body:
body {background-color:ID Selector CSSff0000;}
For Heading it will be:
h1{background-color:ID Selector CSSff0000;}
for division:
div {background-color:ID Selector CSSff0000;}
and so on ...
(In above examples body, h1 and div are 'selector' ; background-color is 'property' ; ID Selector CSSff0000 is value)
14.1- id Selector (ID Selector CSS):
The id selector is used to specify a style for a single division / element. In CSS it is defines by a symbol 'ID Selector CSS'.
(In our exercise refer file style.css. The center, left etc. are all 'id selector')
ID Selector CSScenter { width: 800px; height: 60px;
position: absolute; left: 100px; top: 100px; }
Here 'center' is id selector, 'width' is property and '800px' is value. In HTML this style will be used between <div id='center'> and </div> tag.
NOTE: Always start an 'id' name with Alphabet.
(Cont......... to next page (Pg-3))
©
funandhobby.com (ID Selector CSS)