Está en la página 1de 21

1y2 codigo facilito css3 Css: hoja de estilo en cascada.

Sintaxis
Body Color:#fffff ; sintaxis en css3

Muchas sentencias para un solo selector.

Maneras de colocar css3 manera interna poner 1 stylearchivos externos como twiter trabajan con css3 externo

4. Curso de CSS - Selectores


Que elemento va a editar la hoja de estilo Crear clase Poner punto

5 Pseudo Clases en CSS

13:27

Atributo class

Crear indetificador

En vez de punto #

Sin comas nav,li,ul

Sin coma primero busca la primera y luego las que estn dentro.

6. Pseudo Elementos en CSS


+

3.5. Pseudo-elementos

Los selectores de CSS, las pseudo-clases y todos los elementos HTML no son suficientes para poder aplicar estilos a algunos elementos especiales. Si se desea por ejemplo cambiar el estilo de la primera lnea de texto de un elemento, no es posible hacerlo con las utilidades anteriores. La primera lnea del texto normalmente es variable porque el usuario puede aumentar y disminuir la ventana del navegador, puede disponer de ms o menos resolucin en su monitor y tambin puede aumentar o disminuir el tamao de letra del texto. La nica forma de poder seleccionar estos elementos especiales es mediante los pseudoelementos definidos por CSS para este propsito.

3.5.1. El pseudo-elemento :first-line


El pseudo-elemento :first-line permite seleccionar la primera lnea de texto de un elemento. As, la siguiente regla CSS muestra en maysculas la primera lnea de cada prrafo:
p:first-line { text-transform: uppercase; }

Este pseudo-elemento slo se puede utilizar con los elementos de bloque y las celdas de datos de las tablas. Se pueden combinar varios pseudo-elementos de tipo :first-line para crear efectos avanzados:
div:first-line { color: red; } p:first-line { text-transform: uppercase; } <div> <p>Lorem ipsum dolor sit amet...</p> <p>Lorem ipsum dolor sit amet...</p> <p>Lorem ipsum dolor sit amet...</p> </div>

En el ejemplo anterior, la primera lnea del primer prrafo tambin es la primera lnea del elemento <div>, por lo que se le aplican las dos reglas CSS y su texto se ve en maysculas y de color rojo.

3.5.2. El pseudo-elemento :first-letter


El pseudo-elemento :first-letter permite seleccionar la primera letra de la primera lnea de texto de un elemento. De esta forma, la siguiente regla CSS muestra en maysculas la primera letra del texto de cada prrafo:

p:first-letter { text-transform: uppercase; }

Los signos de puntuacin y los caracteres como las comillas que se encuentran antes y despus de la primera letra tambin se ven afectados por este pseudo-elemento. Este pseudo-elemento slo se puede utilizar con los elementos de bloque y las celdas de datos de las tablas.

3.5.3. Los pseudo-elementos :before y :after


Los pseudo-elementos :before y :after se utilizan en combinacin con la propiedad content de CSS para aadir contenidos antes o despus del contenido original de un elemento. Las siguientes reglas CSS aaden el texto Captulo - delante de cada ttulo de seccin <h1> y el carcter . detrs de cada prrafo de la pgina:
h1:before { content: "Captulo - "; } p:after { content: "."; }

El contenido insertado mediante los pseudo-elementos :before y :after se tiene en cuenta en los otros pseudo-elementos :first-line y :first-letter.

7. Prefijos en CSS
Webkitlee el contenido de la web Firefox.moz Opera o

8Tamao en CSS

9. CSS3 - Resize

Definir sentencias.

10. Tipos de Letra en CSS 11. CSS3: Font Face

11

Fuentes personalizadas en nuestra pagina web otf,ttf ,eot

Dar en quik use

12. Tutorial CSS3: Outline 13. Tutorial CSS: Backgrounds 14. Tutorial Backgrounds CSS3

15. Tutorial CSS: Colores


16 colores basicos

La major colorcila

16 degradados

Mejor herramienta para crear degradados. Poner body llaves Y PEGARLO

17. Tutorial CSS: Mrgenes

Para los mrgenes.ir propiedades de la pagina Mrgenes

También podría gustarte