Full Frontal Male 2010

CSS (Cascading Style Sheets - Cascading Style Sheets) is the technology developed by the
World Wide Web Consortium (W3C)
to separate content presentation on a web page. Advantages of CSS
:
- Avoid making the files too heavy.

- define the style of an entire site without having to label it label. Any change to a CSS style will be reflected in all elements that are referred to it automatically.

With CSS we can replace the entire table, but not recommended yet, until the standards are fully accepted by all browsers. Tables are recommended, moderately, to organize the "layout", and CSS for the rest.

CSS Options:
- Redefining HTML tags will automatically apply a type of elements. - personal styles, or classes (class): They require a class attribute that identifies the item. If we define a class called. "Special", and we want applied to a specific element:
\u0026lt;span class="especial"> Content here \u0026lt;/ span>


ways to implement CSS:

- Embed the style definitions within \u0026lt;head>
, through the label

\u0026lt;style type="text/css">

: - Link to HTML document stylesheet using the following code inside the \u0026lt;head>

:

\u0026lt;link
rel=stylesheet type="text/css" href="URL" title="titulo">

- Import the following code:

\u0026lt;style type="text/css"> \u0026lt;! - @ import url (url / nombre_de_documento.css) -> \u0026lt; ; / style>


The CSS document body is then in the names of the styles and rules. The syntax is as follows: SELECT {


Rule1: VALUE; Rule2: VALUE;}


The class names must be preceded by a period (.), And HTML overrides.



body {} (...)


. ComCuerpoCentr
(...) {}

Syntax Rules of CSS styles:

- The syntax begins with the style name (selector). - The selector is followed by an opening bracket "{". - Following is the rule, followed by a colon ":". - The values \u200b\u200bare preceded by a blank space and followed by a semicolon ";". - When several rules are separated by a semicolon and a space.
- Rule The row ending in a closing bracket "}".
- Introduced a new line to specify the following style.
- It is recommended Use lower case for all text. - It is recommended that all items be delimited by a space. Examples
redefinitions:

\u0026lt;body>

In the rules we inherit all other styles, if not specified otherwise for any of them.

body {font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0px;}


series "a" specifies link styles. a: link, the links in general.
a: visited, the
visited a: active, assets (when you do click)
a: hover, when you hover over it


a: link {
color: # 0000CC; font-weight: bold; text-decoration: none;}

a: visited {
color: # 990099 ; font-weight: bold; text-decoration: none;}

to:
active {color: # ff9900; font-weight: bold; text-decoration: none;} a: hover {
color: # 3333ff ; text-decoration: underline;}
By default, browsers usually display underlined the links provided. By specifying text-decoration: none;
links are displayed without underlining, and
text-decoration: underline; underlined.

We can also define the style of each link in the tag itself
\u0026lt;a>
, with the attribute
style, to make specific links look different.

\u0026lt;a href="#" style="color:#ff0000"> My link \u0026lt;/ a>


Links Specifications
CSS level 1 CSS Level 2 Specification




Ref: Teachers
web