Su SintaxisEsta es una regla de CSS:QUOTE
body {
font-size: 12px;
}
Cada regla consta de lo siguiente:
1.
Selector:
body2.
Apertura de llaves: {
3.
Declaración(es):- Propiedad: font-size:
- Valor: 12px;
4.
Cierre de llaves: }
Siempre se escribirá respetando el orden anterior.
:: SelectorEs el que especifica a que elemento de la página Web le vamos a aplicar el estilo. Tenemos 3 principales tipos de selectores
Selector de Elementos. Son los que identifican a algún elemento del lenguaje HTML para que se le aplique el estilo.
Tenemos un párrafo señalado por
los elementos <p></p> al cual le aplicaremos un estilo.
HTML
<p>Te invitamos a registrarte y ser parte de nuestra COMUNIDAD y a que disfrutes libremente de nuestro contenido, de todos los trucos que hemos seleccionado para ti y de nuestras descargas.</p>
Entonces en nuestra hoja de estilos lo indicaremos de esta forma:
QUOTE
p {
color: blue;
text-align: justify;
}
Selector de clases. Estos nos sirven para identificar varios elementos del HTML y aplicarles cierto estilo, pero para ello tendremos que modificar el código HTML.
En nuestra hoja de estilos lo escribiremos de esta forma:
Comenzamos con un punto seguido del nombre que le queramos poner a nuestra clase, así:
QUOTE
.name_clase {
text-align: center;
font-weight: bold;
}
Y en el código HTML le asignaremos el atributo “class” a los elementos que queramos.
HTML
<h1 class="name_clase"></h1>
<span id=”boxtitle”></span>
<li class="head"></li>
Selector de identificadores. Este selector nos sirve para identificar a
un solo elemento de nuestro código, mediante el atributo “id.
En la hoja de estilo iniciamos escribiendo “#” y enseguida el nombre del identificador.
QUOTE
.name_id {
width: 760px;
margin: auto;
}
En el HTML le pondremos el atributo “id” al elemento que deseamos.
HTML
<div id=”header”></div>
:: Declaración(es)Una declaración esta compuesta por una propiedad y un valor.
Propiedad. Específica que aspecto vamos a cambiar.
Valor. Determina el valor de la propiedad
Lista de propiedades CSS:: ComentariosLos comentarios en CSS deben comenzar con "/*" y terminar con "*/".
QUOTE
/*Este es un comentario en CSS*/
Tutorial Básico de CSS, Hojas de Estilo en Cascada
Aug 27 2005, 09:39 AM
