Sencilla de entender y utilizar CSS

CSS (Cascading Style Sheets) Cascading Style Sheets

  Papel: para embellecer la página y no el límite de tamaño de fuente modificado

  código de estilo CSS escrito en </ style>, </ style> etiqueta <style> <style> etiqueta se coloca en el <head>

  especificación de formato:

Al seleccionar el nombre del atributo {name: Valor de la propiedad; nombre de la propiedad: Propiedad Valor; ..............} 
Selector: Especifica el estilo CSS que actúa sobre la etiqueta html
si una pluralidad de valores de atributos a continuación, separadas por un espacio

CSS comentarios: notas al pie / * * / CSS

selectores CSS: selector de elementos, selector de clase, selector de ID

== :( elemento de elemento selector de etiquetas) para el código de estilo CSS correspondiente a la etiqueta se aplica a la etiqueta con su nombre

selector de clase: atributo de clase

formato:

. .........} {nombre de la clase 
fuente: 
    < lapso de clase = "nombre de la clase" > XXXX </ envergadura >

Selector de ID: valor del atributo id debe ser característica única de esta página: Aglomeración más específico

formato:

Los valores #id {....} 
Código Fuente: 
    < lapso ID = "valor de ID" > XXXX </ envergadura >

 

El selector de modo de unión básica: jerarquía

formato:

  Selector Selector 1 2 ..... ............ {} significa: 1 selector de selección a las 2

 

propiedades de borde: Todas las etiquetas HTML tienen una frontera, la frontera no es visible por defecto

Formato a los bordes: color del estilo de ancho

estilo de línea: líneas continuas sólidos, ninguno sin límites, doble doble

ajustes de color de fondo de dos maneras: 1 2. Inglés formato de la palabra código de color: # RGB cada color está representado por dos dígitos hexadecimales

Por ejemplo: # ff1100 Rojo: ss; verde: 11; azul: 00 (para el color de ajuste)

 

flotar propiedad float:

Formato: selector {float: Propiedad Valor}

valor de atributo común: ninguno no flota elemento (el valor predeterminado), salió de elementos flotantes a la izquierda, derecha derecha elementos flotantes

 

propiedad de presentación: que la fila de elementos de conversión entre el elemento interior y los elementos de bloque

Formato: selector {Dispaly: Propiedad Valor}

Valor de la propiedad común: elementos de bloque, en línea:: Bloque de elementos en línea, ninguno: Este elemento está oculto, no ocupa la pantalla espacio de la página

 

Estilo de fuente: font-size para ajustar el tamaño de fuente, color de la color de la fuente

 

CSS cuadro de modelo:

Css ajuste de tamaño de la trama: border-top: xx; border-bottom: xx; border-left: xx; border-right: xx

El relleno acolchado: css frontera desde el interior del cuerpo de contenido

格式: padding-top: xx; padding-bottom: xx; padding-left: xx; padding-right: xx

Margen: Frontera de CSS y de la frontera

格式: margen de repetición la máquina: xx; margin-bottom: xx; margin-left: xx; margin-right: xx

 

estilos css y html combinación de formas:

Interiores Estilo:

  (Para dirigida) de estilo en línea: elemento de estilo estableciendo el atributo de estilo

   Ejemplo:

< Un estilo = "xxxx: xxxx;" > Xxxxxxxxxx </ una >

  (Apto para su reutilización en la página) de la manera etiqueta

  Ejemplo: 

< Estilo > xxxxxxxxxxxxxx </ estilo >

estilo externa:

estilo externo: <link /> , también conocida como cadena-in, se coloca en todos los estilos a uno o más externa de hoja de estilo de nombre de archivo .css para expandir por <link /> tag está conectado al estilo de documento html en.

Formato: <Enlace del rel = "esta hoja de estilo" type = "text / css" href = "ruta del archivo CSS" />

rel = "stylesheet" valor fijo indica hoja de estilo

tipo "text / css" = un valor fijo indica el tipo css

href representa la ubicación del archivo css

 

Estos son la introducción básica de CSS. Nota: sólo es adecuado para la gente entender el css de back-end, el personal del front-end no es adecuado, porque no hay suficiente integral.

                                               Vamos!

                                         Hora: 20/03/2020 01:15:44

Supongo que te gusta

Origin www.cnblogs.com/Charles-H/p/Learning_CSS.html
Recomendado
Clasificación