CSS GROUPING

-

 

CSS Grouping

You can group selectors. Separate each selector with a comma. In the example below we have grouped all the header elements. All header elements will be displayed in green text 

color: h1,h2,h3,h4,h5,h6 {

color: green

}

Comments

Post a Comment

Popular posts from this blog

ADDING NUMBERED LIST ON HTML

-
Image
ADDING NUMBERED LIST ON HTML In html there is ordered and unordered list which is Ordered list: is a type of list that can be listed with a letter (a or A), number (1) and Roman numbers which is (i or I) while Unordered list:   is the type of list which is bulletin. But today we are going to discuss on ordered list on Html: <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="1"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body> </html> Or for letters <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="A"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body>...
Read more

INTERNAL STYLE SHEET

-
  Internal Style Sheet An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section by using the <style> tag, like this: <head> <style type="text/css"> hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} </style> </head> The browser will now read the style definitions, and format the document according to it. Note: A browser normally ignores unknown tags. This means that an old browser that does not support styles, will ignore the <style> tag, but the content of the <style> tag will be displayed on the page. It is possible to prevent an old browser from displaying the content by hiding it in the HTML comment element: <head> <style type="text/css"> <!-- hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} --> </st...
Read more