Scribd
Cargar
150 vistas3 páginas

Reglas y Códigos de CSS

Este documento describe las diferentes formas de escribir código CSS y los selectores y propiedades más comunes. Se puede escribir CSS de forma inline, interna, externa o resumida. Los selectores incluyen el universal, de elemento, de ID, de clase y de atributo. Algunas propiedades comunes son color, fondo, tamaño y tipo de fuente, borde, alineación, anchura, márgenes y relleno.

Cargado por

bauzac81
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
150 vistas3 páginas

Reglas y Códigos de CSS

Este documento describe las diferentes formas de escribir código CSS y los selectores y propiedades más comunes. Se puede escribir CSS de forma inline, interna, externa o resumida. Los selectores incluyen el universal, de elemento, de ID, de clase y de atributo. Algunas propiedades comunes son color, fondo, tamaño y tipo de fuente, borde, alineación, anchura, márgenes y relleno.

Cargado por

bauzac81
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Reglas de CSS

Formas de escribir código “CSS”:


- Escribir código “CSS” en línea dentro de cada atributo “style” de cada etiqueta “HTML” -> (Inline Style)
o Para escribir código “CSS en línea junto al código “HTML”, sería de la siguiente manera:
<footer style=“color: white; background: black”>
<p>Ejemplo</p>
</footer>
- Escribir “CSS” utilizando las etiquetas “<style></style>” para declarar el estilo de la página dentro de dichas etiquetas
o Esta forma de escribir código “CSS” en el mismo documento “HTML”, seria de la siguiente manera:
<style>
* {
background: black;
}
</style>
- Escribir el código “CSS” en un documento aparte del documento “HTML”, para entrelazarlo con el documento “HTML”
- Escribir el código “CSS” de forma resumida con respecto a las propiedades de los elementos
o Por ejemplo:
h1 {
font: (font-family) (font-size) (font-weight);
}
h1 {
font: 24px arial bold;
}
Selectores de CSS:
- Selector universal = * {}
- Selector de elemento = nombre_del_elemento {} //// Selector de elemento múltiple = nombre_del_elemento1,
nombre_del_elemento2 {}
- Selector de id = # {}
- Selector de clase = . {}
- Selector de atributo = nombre_del_elemento[nombre_del_atributo] {}
Propiedades de Elementos:
- background = Color de fondo
- color = Color de la letra
- font-size = Tamaño de la letra
- font-family = Fuente de la letra
- font-weight = Grosor de la letra
- border = Borde del elemento
- display = Forma de mostrar un elemento en pantalla
- text-align = Alineación del texto
- width = Ancho del elemento
- margin = Márgenes del elemento
- margin-top = Margen de arriba del elemento
- margin-bottom = Margen de abajo del elemento
- margin-left = Margen de la izquierda del elemento
- margin-right = Margen de la derecha del elemento
- padding = Espaciado del elemento
- list-style = Estilos de la lista
- float = Vista de flotación del elemento
- clear =
-

También podría gustarte