¿Qué son los estilos CSS?
Descripción del problema:
¿Cuál es el estilo CSS en la producción de páginas web? ¿Qué significa CSS?
Análisis:
CSS es la abreviatura de Cascading Style Sheet, que se traduce al chino como "Cascading Style Sheet". Yo lo llamo "Hojas de estilo en cascada" y lo encuentro muy sencillo.
Nada más. De hecho, es un conjunto de estilos. Quizás no estés familiarizado con el término CSS. De hecho, ya sea que utilices Internet Explorer o
Netscape Navigator para navegar por Internet, estarás trabajando con CSS casi todo el tiempo, por lo que puede resultar difícil encontrar una página web en Internet que no haya utilizado. CSS. No importa qué tipo de trabajo utilices
Utiliza software para crear páginas web, todo el mundo utiliza CSS de forma intencionada o no. Usar bien CSS puede hacer que su página web sea más concisa. ¿Por qué algunas personas crean páginas web con el mismo contenido?
Decenas de miles de kilobytes, pero sólo una docena de kilobytes son realizados por expertos. El papel de CSS es evidente. Puse mi poca experiencia en el uso de CSS y algunas cartas de internautas.
Recoge las preguntas formuladas para tu referencia.
En general, existen tres formas de utilizar 1 y CSS en la producción de páginas web, entonces, ¿cuál debería usarse específicamente?
Cuando necesite utilizar varias páginas CSS, conecte externamente los archivos CSS, lo que reduce en gran medida el código de la página web y hace que sea muy conveniente modificar solo el CSS utilizado en una sola página web
, use el modo de encabezado de documento; CSS que solo se usa en uno o dos lugares de una página web usa inserción en línea.
2.¿Deberían combinarse los tres usos de CSS en una sola página web?
Estos tres usos se pueden mezclar sin causar confusión. Por eso se llama "hoja de estilos en cascada", que es lo que hacen los navegadores cuando muestran una página web.
Racional: primero verifique si hay CSS insertado en línea y ejecútelo si lo hay. Ignore otros CSS en esta oración; en segundo lugar, verifique el CSS del modo de encabezado y ejecútelo.
; Cuando ninguno de los dos está disponible, busca CSS en forma de archivo externo. Entonces se puede ver que las prioridades de ejecución de los tres CSS son: inserción en línea y encabezado.
Tipo, modo archivo externo.
3. ¿Cómo crear archivos CSS externos en Dreamweaver3?
No existen requisitos especiales para utilizar archivos CSS externos en Dreamweaver3. También se trata de crear un archivo *. css que aparece en
lt/head gt;Agrega un fragmento de código entre:
nombre)" type = text/CSS gt;Adelante.
4. ¿Cómo utilizar Dreamweaver3 para crear rápidamente un archivo externo CSS?
Para un diseñador web que es nuevo en CSS, es bastante difícil crear un archivo externo CSS utilizando un editor como notas. Debido a que
Dreamweaver3 admite muy bien CSS, es mucho más fácil usarlo como ayuda. Específicamente, puedes hacer esto:
1) Primero, escribe en papel. nombres que se pueden usar en la página del sitio web, luego abra el panel CSS en la ventana de edición de Dreamweaver3, decida uno por uno y escriba algún contenido relevante en la página en blanco según corresponda, y pruébelo mientras lo define, modifíquelo.
2) Después de completar todas las definiciones, use el Bloc de notas para crear un archivo externo CSS vacío y colóquelo en
Vaya al CSS; archivo y listo.
Todo el proceso es sólo un clic del ratón, ¿es conveniente?
5. ¿Tengo que escribir código manualmente cuando uso CSS en línea en Dreamweaver3?
¡No es necesario! Utilice el panel CSS para definir primero el CSS que desea utilizar, luego inserte: class="page_speeder_800630679" en la etiqueta donde desea insertar el CSS y luego arrástrelo desde < head gt
a esta comillas dobles y ponga las llaves. Simplemente elimine las partes exteriores.
6.” “Parece inútil, ¿ya no lo quieres?”
El propósito de este par de cosas no es causar errores en versiones anteriores del navegador. Si el navegador que ejecuta esta página no admite CSS, será ignorado.
Rong. Aunque hoy en día pocas personas utilizan navegadores que no soportan CSS, en Internet puede pasar casi cualquier cosa, por lo que es mejor dejarlos en paz.
7. ¿Cómo agregar color de fondo a algún texto?
Agrega diferentes colores al texto. En DW3, es muy conveniente simplemente seleccionar el color del texto en el panel de propiedades, pero agregar un color de fondo diferente a algún texto.
Sin embargo, no existe una función correspondiente. Primero podemos crear un CSS (como bgstyle) que defina el color de fondo y se completará en DW3 con unos pocos clics. Como definición, amarillo claro
El CSS detrás de escena es este:
ltstyle type = text/CSS gt;
lt! -
. bgstyle { background: #FFFFCC}
- gt;
lt/style gt;
Seleccione ese párrafo cuando desee usarlo y luego haga clic en " bgstyle" en el panel CSS.
8. ¿Cómo agregar una imagen de fondo a algún texto?
Operación similar a añadir un color de fondo, pero cargando imágenes de fondo. El código para un ejemplo de CSS definido con una imagen de fondo se ve así:
ltstyle type = text/CSS gt
lt! -
. imgbg style { background-image: URL(/logo . gif)}
- gt;
lt/style gt;
Cuando quieras usar esto párrafo, selecciónelo y haga clic en "imgbgstyle" en el panel CSS.
9. ¿Cómo hacer que el fondo de la página se mantenga quieto cuando el texto se "desplaza"?
El CSS que hace que el patrón de fondo no se "desplace" con el texto es así:
ltstyle type = text/CSS gt
lt! -
Texto {Fondo: URL morada (/BG . jpg);
Repetición de fondo: Repetir-y;
Adjunto de fondo: fijo
}
- gt;
lt/style gt;
10.
En DW3, se define la propiedad "Espaciado entre letras" (estilo definido como .style1) en "Bloque" del cuadro de diálogo Definición de propiedad CSS.
es el espacio entre palabras, que es el espacio adicional entre cada carácter. La longitud puede ser positiva o negativa. Cuando es negativa, producirá el efecto de que los caracteres estén apretados.
El siguiente
código facial es un ejemplo de CSS con espaciado de palabras bien definido:
ltstyle type = text/CSS gt
lt! -
estilo1 {espaciado entre letras: 3px}
- gt;
lt/estilo gt
11. texto ¿Subrayar, subrayar, borrar, parpadear?
En DW3, el atributo "Decoración" (el estilo se define como .Style1) en el "Tipo" del cuadro de diálogo "Definición de propiedad" de CSS está definido por estos.
Contenido, cabe señalar que algunas versiones de navegadores no admiten el atributo flash, por lo que es mejor usarlo con moderación. Aquí hay un ejemplo de CSS que define el efecto anterior:
ltstyle type = text/CSS gt
lt! -
estilo 1 {decoración de texto: subrayado sobrerayado mediante parpadeo }
- gt
lt/style gt; > Entre ellos: "subrayado" es la definición de subrayado; "sobrerayado" es la definición de sobrerayado; "subrayado" es la definición de tachado; "parpadear"
se define como texto parpadeante.
12. ¿Cómo hacer que la página web tenga la función de "sangría de primera línea"?
Debido a que es inconveniente ingresar espacios en DW3, el uso de "sangría de primera línea" compensará esta deficiencia. En DW3, el atributo "sangría de texto" en "Bloque" del cuadro de diálogo "Definición de propiedad" de CSS (Definición de estilo
para .style1) define la "sangría de primera línea", que se refiere a la primera línea de cada párrafo, y
simplemente presione la tecla Enter para formar un nuevo párrafo. Es mejor utilizar "em" (carácter) como unidad de sangría. Por ejemplo, la disposición de los caracteres chinos requiere que cada párrafo tenga una sangría de dos caracteres.
Word, configura el CSS de la siguiente manera:
ltstyle type = text/CSS gt
lt! -
.style1 { text-indent: 2em}
- gt;
lt/style gt;
Debe estar en DW3 Nota: En DW3, el cuadro de diálogo de definición de propiedad CSS (la definición de estilo es .style1) está a la derecha.
El "ems" en el cuadro de selección de unidad de sangría se refiere a "em".
13. Al utilizar el diseño de tabla, ¿puede el contenido en una determinada dirección estar un poco alejado de la línea de la tabla?
¡Por supuesto! La definición de "margen" en el "cuadro" del cuadro de diálogo de definición de propiedades CSS (el estilo se define como estilo1 en DW3) es la separación de contenido.
La distancia al borde se puede definir en cuatro direcciones: arriba, abajo, izquierda y derecha. A continuación se muestra un ejemplo de CSS que define "10px" a la izquierda.
Subcódigo:
ltstyle type = text/CSS gt;
lt! -
estilo 1 { margen: 0px 0px 0px 10px }
- gt
lt/estilo gt
14, ¿Puedo agregar bordes a algún contenido?
Con CSS, puedes añadir un borde a una determinada parte del contenido. En DW3, se define la definición de "borde" del cuadro de diálogo de definición de propiedad CSS (definición de estilo para . estilo 1).
Es la línea de borde. Los cuatro lados de "arriba", "abajo", "izquierda" y "derecha" pueden definir respectivamente el grosor y el color de la línea.
Después de estas definiciones, no olvides lo que sigue.
El estilo de línea se define en "Estilo", de lo contrario la línea del borde no será visible porque el estilo de línea predeterminado es "Ninguno". La siguiente es la definición del borde superior: línea delgada azul; borde izquierdo
Ejemplo de CSS con línea gruesa verde:
ltstyle type = text/CSS gt;
lt! -
estilo 1 { borde: sólido; ancho del borde: delgado 0px 0px medio; color del borde: #0000FF negro negro #00FF00}
- gt;