Antes de aprender a aplicar CSS, primero debemos entender qué es CSS. CSS es la abreviatura de Cascading Style Sheets
* El lenguaje CSS es un lenguaje de marcado que no requiere compilación y puede ser ejecutado directamente por el navegador (es un lenguaje interpretado por el navegador)
* CSS es responsable del diseño web estándar
.contenido de la página web (XHTML).
* También se puede decir que un archivo CSS es un archivo de texto, que contiene algunas etiquetas CSS. El archivo CSS debe usar css como sufijo de nombre de archivo.
* El rendimiento general de la página web se puede cambiar. simplemente cambiando el archivo CSS. El formulario puede reducir nuestra carga de trabajo, por lo que es un curso obligatorio para todo diseñador web.
* CSS es producido y mantenido por el grupo de trabajo de CSS del W3C
, podemos aplicarlo fácilmente. Podemos agregarlo a su blog de las dos maneras siguientes, porque el método de aplicación de CSS tiene el principio de proximidad. Es decir, la definición de estilo más cercana al objetivo tiene mayor prioridad. Un estilo de alta prioridad heredará las definiciones no superpuestas del estilo de baja prioridad, pero anulará las definiciones superpuestas.
Vincular a un archivo de hoja de estilo externo (Vincular a una hoja de estilo)
Primero puede crear un archivo de hoja de estilo externo (.css) y luego usar el objeto de vínculo HTML. Un ejemplo es el siguiente:
<cabeza>
＜título＞Título del documento＜/título＞
＜enlace rel=hoja de estilo href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
En XML, debes agregarlo en el área de declaración como se muestra en el siguiente ejemplo:
＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
Definir un objeto de bloque de estilo interno (Incrustar un bloque de estilo)
Puede insertar un objeto de bloque <STYLE>...</STYLE> entre las etiquetas <HTML> y <BODY> en su documento HTML. Para conocer los métodos de definición, consulte la sintaxis de la hoja de estilo. Un ejemplo es el siguiente:
<html>
＜cabeza＞
＜título＞Título del documento＜/título＞
＜tipo de estilo="text/css"＞
<!--
cuerpo {fuente: 10pt "Arial"}
h1 {fuente: 15pt/17pt "Arial"; peso de fuente: negrita color: granate}
h2 {fuente: 13pt/15pt "Arial"; peso de fuente: negrita color: azul}
p {fuente: 10pt/12pt "Arial" color: negro}
-->
＜/estilo＞
＜/cabeza＞
<cuerpo>
Tenga en cuenta que establecer el atributo de tipo del objeto de estilo en "texto/css" aquí permite que los navegadores que no admiten este tipo ignoren la hoja de estilo.