Obtener los conceptos básicos de CSS3 -1.css serie

Cómo cotización 1.css

interna
fuera
inline

El código de ejemplo

Ejemplo css Código Interno ####

<head>
	<meta charset="UTF-8">
	<title>index</title>
	<style>
		h1{
			color: red;
		}
	</style>
</head>

CSS externos Ejemplo Código ####

<head>
	<meta charset="UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="test.css">
</head>
<body>
	<h1>微信公众号：全栈学习笔记</h1>	
		
</body>

documento css qué código (test.css)

h1{
	color: red;
  }

#### css muestra de código en línea

<h1 style="color:red">

Se recomienda el uso de la segunda manera, trate de no usar los otros dos métodos, el segundo enfoque puede ser archivos HTML archivos CSS legibilidad del código independiente y fuerte capacidad de mantenimiento

prioridad 2.css

estilo en línea
Identificación del selector
selector de clase
etiqueta

El llamado estilo en línea está por encima de una tercera vía, los niveles de estilo CSS de esta manera es la más alta. ¿Cuál es la prioridad? Por ejemplo, yo estaba en el interior de una etiqueta, estilo estableció un atributo de color, a continuación, añadir una etiqueta a la clase, es un archivo CSS en el alcance. El archivo CSS que está escrito en esta clase de estilos CSS, es también un atributo de color, a continuación, dio la etiqueta añade un identificador, entonces me dan la identificación correspondiente en el interior CSS además de un estilo de color, y luego ir por esta etiqueta escribir un color en la propiedad en sí, al final se encuentra el último color que se muestra dentro de un estilo de color, si se elimina un estilo, a continuación, mostrar el color correspondiente es el identificador de color, y así sucesivamente, que se llama la prioridad css.

comentarios 3.css

Y muchos idiomas, css también comentaron código en el siguiente formato

 /* 注释 */

unidad 4.css de longitud

píxeles px
múltiplos em

Estas son las unidades más utilizadas, algunas unidades, como la longitud de la nueva CSS3: vw, VH, Vmin, Vmax, REM y em

unidades de color 5.css

rojo
# fF0000
# f00
rgb (255,255,255)

Uso como: color: rojo

selector de 6.css

selectores CSS más interior, estando aquí sólo la parte introductoria del selector, serán más tarde explicar un selector, un punto Oh, micro-canales número público no se pierde el foco: notas de estudio de la pila completa, se está perfeccionando. Estoy mirando adelante a su atención Oh!
Aquí Insertar imagen Descripción

Selector de desglose aproximado

selector común
El selector básica
selector de nivel
selector de pseudo clase
selectores de atributos

Describa brevemente el selector común:

selector de 1.html

*{
	color:red;/*设置页面全部的字体样式属性*/
 }

2. Selector de Clase

.className{
	/*设置某个class=className的全部标签的样式属性*/
	color:red;
}

selector de 3.id

#id{
	/*设置某个id=id的标签的样式属性*/
	color:red;
}

4. selectores asociados
selectores asociados ¿qué es? Definición: Selector Selector

<div class="div">
		<h1>这是全栈学习笔记的关联选择器</h1>	
	</div>

código CSS

.div h1{
			color: red;
		}

El efecto conseguido es la siguiente: En la clase para el div debajo del atributo h1 color de la etiqueta es de color rojo

5. Combinación Selector

div,h1{
			color: red;
		}

Nota distinguido en el código anterior, la función del código es poner en práctica la totalidad de la clase para la etiqueta div y etiquetas h1, su conjunto de propiedades de color: rojo. En general, el color es un color de la configuración de atributos de texto. Caishuxueqian!

css tutorial sobre este tema aquí, así como una variedad de valor de atributo común de la propiedad al css se explicarán! Los seguidores quieren señalar oh! Microcanal número público: notas completas pila estudio

div etiquetas y las etiquetas h1, su conjunto de propiedades de color: rojo. En general, el color es un color de la configuración de atributos de texto. Caishuxueqian!