Acerca De Los Css
Páginas: 5 (1023 palabras)
Publicado: 24 de octubre de 2012
¿Qué es un CSS?
CSS es el acrónimo de Cascading Style Sheets (es decir, hojas de estilo en cascada). CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML[ ](y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario onavegadores.
CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.
¿Para qué sirve un CSS?
CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando esedocumento (la hoja CSS) podamos cambiar la estética entera de un sitio web, el mismo sitio web puede variar totalmente de estética cambiando solo la CSS, sin tocar para nada los documentos HTML o jsp o asp que lo componen.
¿Cómo funciona un CSS?
Aquí colocaré dos ejemplos para poder comprender el funcionamiento de CSS
-¿A quién se lo hago?
-¿Qué le hago?
Con: ¿A quién se lo hago?, quierodecir: "a quien" se le aplicarán los estilos en la plantilla, y en el CSS, la parte de un estilo CSS que indica a quien se le aplicará algo, se le llama: "selectores".
Con: ¿Qué le hago?, quiero decir, que "propiedades" tiene un elemento o selector de la plantilla, que le darán cierta apariencia, y que podrá ser vista en la pantalla, por medio del navegador.
Digamos que queremos un bonitocolor rojo como fondo de nuestra página web:
Usando HTML podríamos haberlo conseguido así:
<body bgcolor="#FF0000">
Con CSS el mismo resultado puede lograrse así:
body {background-color: #FF0000;}
El código usado es casi idéntico para HTML y CSS. El ejemplo anterior te muestra además el modelo CSS fundamental:
¿Cómo funcionan sus siguientes módulos?
A. CSS3 Borders
*border~radius
Sirve para poder dibujar un círculo perfecto, por ejemplo: background: navy;
-moz-border-radius: 75px; /* especifíca que es para mozlla firefox */
-webkit-border-radius: 75px; /* especifíca que es para chrome */
border-radius: 75px;
* box~shadow
Sirve para conseguir un efecto de sombra a cualquier elemento, como imágenes, tablas, formularios, figurasgeométricas, etc. Al utilizar la propiedad box~shadow también se logrará tener compatibilidad con cualquier navegador.
* border~image
Sirve para utilizar imágenes en los bordes de elementos de nuestra web en lugar del borde normal, utilizando la porción de la imagen que indiquemos y estirándola también lo que indiquemos en la instrucción de CSS3.
B. CSS3 Backgrounds
*background~size
Sirve para ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch. Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería: -moz-background-size (Firefox 3.6) -o-background-size en (Opera 9.5) -webkit-background-size (Safari, Google Chrome) -khtml-background-size (Konqueror 3.5.4) Admite valoresde ancho y alto tanto en píxeles como en porcentajes.
* background~origin
Sirve para decidir la posición de la imagen de fondo con respecto al borde, padding o el contenido del elemento.
C. CSS3 Text Effects
* text~shadow
Sirve para conseguir un efecto de sombra en el texto.
* word~wrap
Sirve para romper o recortar las palabras que son demasiado largas y no caben enteraspor la anchura de una caja o cuadro de texto.
D. CSS3 @font~face~Rule
Sirve para poder asignar un nombre a nuestra tipografía o fuente que se esté utilizando Incluye un archivo de fuente en algún lugar de su servidor, y se refieren a ella con CSS: src: url ('Sansation_Light.ttf')
Si el archivo de la fuente se encuentra en un dominio diferente, se debe utilizar una dirección URL completa...
CSS es el acrónimo de Cascading Style Sheets (es decir, hojas de estilo en cascada). CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML[ ](y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario onavegadores.
CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.
¿Para qué sirve un CSS?
CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando esedocumento (la hoja CSS) podamos cambiar la estética entera de un sitio web, el mismo sitio web puede variar totalmente de estética cambiando solo la CSS, sin tocar para nada los documentos HTML o jsp o asp que lo componen.
¿Cómo funciona un CSS?
Aquí colocaré dos ejemplos para poder comprender el funcionamiento de CSS
-¿A quién se lo hago?
-¿Qué le hago?
Con: ¿A quién se lo hago?, quierodecir: "a quien" se le aplicarán los estilos en la plantilla, y en el CSS, la parte de un estilo CSS que indica a quien se le aplicará algo, se le llama: "selectores".
Con: ¿Qué le hago?, quiero decir, que "propiedades" tiene un elemento o selector de la plantilla, que le darán cierta apariencia, y que podrá ser vista en la pantalla, por medio del navegador.
Digamos que queremos un bonitocolor rojo como fondo de nuestra página web:
Usando HTML podríamos haberlo conseguido así:
<body bgcolor="#FF0000">
Con CSS el mismo resultado puede lograrse así:
body {background-color: #FF0000;}
El código usado es casi idéntico para HTML y CSS. El ejemplo anterior te muestra además el modelo CSS fundamental:
¿Cómo funcionan sus siguientes módulos?
A. CSS3 Borders
*border~radius
Sirve para poder dibujar un círculo perfecto, por ejemplo: background: navy;
-moz-border-radius: 75px; /* especifíca que es para mozlla firefox */
-webkit-border-radius: 75px; /* especifíca que es para chrome */
border-radius: 75px;
* box~shadow
Sirve para conseguir un efecto de sombra a cualquier elemento, como imágenes, tablas, formularios, figurasgeométricas, etc. Al utilizar la propiedad box~shadow también se logrará tener compatibilidad con cualquier navegador.
* border~image
Sirve para utilizar imágenes en los bordes de elementos de nuestra web en lugar del borde normal, utilizando la porción de la imagen que indiquemos y estirándola también lo que indiquemos en la instrucción de CSS3.
B. CSS3 Backgrounds
*background~size
Sirve para ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch. Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería: -moz-background-size (Firefox 3.6) -o-background-size en (Opera 9.5) -webkit-background-size (Safari, Google Chrome) -khtml-background-size (Konqueror 3.5.4) Admite valoresde ancho y alto tanto en píxeles como en porcentajes.
* background~origin
Sirve para decidir la posición de la imagen de fondo con respecto al borde, padding o el contenido del elemento.
C. CSS3 Text Effects
* text~shadow
Sirve para conseguir un efecto de sombra en el texto.
* word~wrap
Sirve para romper o recortar las palabras que son demasiado largas y no caben enteraspor la anchura de una caja o cuadro de texto.
D. CSS3 @font~face~Rule
Sirve para poder asignar un nombre a nuestra tipografía o fuente que se esté utilizando Incluye un archivo de fuente en algún lugar de su servidor, y se refieren a ella con CSS: src: url ('Sansation_Light.ttf')
Si el archivo de la fuente se encuentra en un dominio diferente, se debe utilizar una dirección URL completa...
Leer documento completo
Regístrate para leer el documento completo.