Aprender Hojas de Estilo en Cascada Hace Para mejorar las páginas.
El otro día fui Pregunta por qué me gusta Hojas de Estilo en Cascada (CSS) y lo que hace tan grande CSS.Aquí está mi respuesta a esas preguntas.
El Santo Grial de la CSS a separar completamente contenido de la página web de las instrucciones que controlan su aspecto.Si esto se logra entonces es mucho más fácil para diversos dispositivos para visualizar la página web correctamente.Por ejemplo, la misma página se muestran correctamente en un explorador Web estándar (Internet Explorer, FireFox, Opera, Netscape, etc), los dispositivos utilizados por personas con discapacidad, teléfonos celulares, y, sin embargo, a ser desarrollado interfaces.Tampoco diseñador de la página web han de hacer para separar las páginas de algunos de estos dispositivos.La realidad es muy diferente y aunque aquí en el mundo real CSS todavía no hacer todas estas cosas.Pero tiene suficientes beneficios positivos para aprender cómo funciona y que se incorpore a sus páginas web.
Hay diferentes maneras de controlar cómo ve las cosas en una página web.Por ejemplo, el color, el tamaño y tipo de letra utilizados para un título o el color, el tamaño y el tipo de letra de un párrafo de texto se puede definir en línea con estilos y etiquetas.En línea significa que estos comandos de formato para controlar el color, el tamaño y el tipo de letra se mezcla con el contenido.Esto hace que el código fuente de la página mucho más difíciles de leer y modificar cuando se quiere cambiar o solucionar un problema.Además, debido a que está repitiendo las mismas órdenes una y otra vez por la página, hace que el tamaño de archivo de la página de obtener más y más grande y menos eficiente (más lento) para los que la navegación de su sitio.
CSS no se repite en toda la página.CSS se puede definir en la sección de cabecera de la página HTML, o poner en un archivo aparte y se hace referencia de la página HTML, o puede incluso hacer ambas cosas.CSS consiste en la definición de cómo un componente de la página debe tener en la página o dispositivo.Por ejemplo, puede definir un título que debe ser de color rojo, 26 puntos, alineado a la derecha y el texto un párrafo que debe ser de color negro, de 10 puntos, alineado a la izquierda texto.Cualquier párrafo etiquetas HTML normales o titular etiquetas utilizará estas definiciones cuando prestados.
Usted puede definir prácticamente todos los objetos HTML normal esta forma, color de fondo, imagen de fondo, imagen de fondo posición, tablas, celdas, imágenes, divs, etc Esto elimina el desorden de su código HTML y hace que sea mucho más fácil Leer.Pero espere, hay más!Si usted tiene un sitio web con más de una página y el uso de CSS, y, que puso en todas sus definiciones CSS en un archivo distinto, que tiene sólo un lugar para ir a cambiar el aspecto de todas las páginas de su sitio.Si tienes un sitio de 50 páginas y se aprende que el tamaño de su texto es demasiado pequeño o ha utilizado el color equivocado de aumentar al máximo las ventas: en lugar de tener que editar 50 páginas y cambiar la definición de cada párrafo etiqueta, simplemente editar el CSS Archivo y ya está!
Es posible que se esté preguntando cómo hacer un párrafo o un conjunto de párrafos mirada diferente a la predeterminada?Una manera es definir una clase para ese tema.Si tiene una columna derecha donde publicar anuncios, en su CSS le haría una clase y darle un nombre como ". Rcol".Usted se definiría los artículos necesarios para la clase que desea controlar (párrafo cabecera o etiquetas).". Rcol p" se utiliza para controlar cómo un párrafo se dictó etiqueta.Para asociar a la clase el objeto, simple agregar "class = rcol" a la etiqueta de párrafo, o la mesa de etiqueta si es en una tabla o div etiqueta si es en un div, etc Este es también el plazo que en cascada CSS Gana es mantener: la cascada de las definiciones por defecto en una clase mientras la clase no contiene algo que invalida el valor por defecto.Esto significa que en nuestro ejemplo dictada en el texto un párrafo etiqueta se ve diferente de la clase rcol.Sin embargo, debido a que es la única cosa que hemos definido para rcol, todo lo demás sería el mismo que el resto de la página.
También se puede definir el tamaño y la posición de los objetos en CSS.Este es un lugar donde golpeó el mundo real de CSS muy duro.No todos los navegadores admiten el tamaño y la posición comandos de la misma manera.Esto lleva a hacks que definir una posición y, a continuación, utilice un comando que se conoce, por ejemplo, a causa de Internet Explorer a la libertad bajo fianza de la CSS, después de que la línea que utiliza una posición de mando que por ejemplo Netscape entiende.CSS utiliza la última definición de un objeto por lo que esta técnica puede ser utilizada para "engañar" o "hackeo"
en el CSS de trabajo a través de los navegadores más de lo que lo harían normalmente.Yo no recomiendo hacer esto.Una de las razones es que es desordenado y fácil olvidar la razón por la que usted hizo algo.La otra razón es porque, como los navegadores se actualizan, o los nuevos dispositivos vienen en línea, es posible que no sigan estos no escritas y no hacks y sus páginas son susceptibles de ser todos en mal estado.Para evitar esto me suele utilizar CSS tanto como sea posible y, a continuación, utilizar las tablas y en-línea de las definiciones para el control de la posición y tamaño.Algunas personas irán a grandes longitudes para utilizar CSS para todo, incluso la sustitución de todas las tablas, pero aquí en el mundo real, deben obtener su página de la construcción, el funcionamiento, y en una forma que pueden ser usados en forma confiable en la mayor cantidad posible de plataformas.
No todos los paquetes de software del sitio web como Microsoft Front Page, Dreamweaver, Adobe GoLive o, etc apoyar plenamente CSS.
Usted tendrá que hacer algunos codificación manual.No se preocupe, no es tan duro.Tengo un curso en línea que puede enseñarles, sólo tienes que seguir el enlace al final de este artículo.
Tómese su tiempo para aprender y entender CSS.Lo apliquen en sus páginas web.Será un tiempo bien empleado.