CSS (Cascading style sheets) are used to separate content from presentation. CSS describe the presentation of a document written most of the times in HTML. CSS is used to define colors, fonts and layout.
A style sheet file consists of a list of rules.
one or more comma-separated selectors
declaration block (a list of semicolon-separated declarations in curly braces)
<>In CSS, selectors are used to declare which elements a style applies to, a kind of match expression. Here are some examples of selector syntax:
<>
All Elements: that is, using the * selector.
<>By element name: e.g. for all p or h2 elements .
Descendants: e.g. for a elements that are descendants of li elements (e.g links inside lists) the selector is li a.
Class or id attributes: e.g. .class and/or #id for elements with class=”class” or id=”id”.
<>Adjacent elements: e.g. for all p elements preceded by h2 elements, the selector would be h2 + p.
<>Direct child element: e.g. for all span elements inside p, but no span elements deeper within the hierarchy, the selector would be< p > span.
By attribute: e.g. for all <input type=”text”> the selector would be input[type=”text”].
<> Each declaration consists of a property, a colon : and a value.
Example:
p {
font-family: “Arial”erif;
}
h2 {
font-size: 50%;
color: green;
background: white;
}
To use a CSS style sheet created a file with the sytle sheet file with the rules and link it or import it using:
<link rel=”stylesheet” href=”text.css” type=”text/css” >
<style type=”text/css”> @import “text.css”</style> <>