Las propiedades básicas de un estilo CSS

preestreno

estilo de presentación

Herramientas de depuración

Modo de visualización

Línea superó los problemas

Estilo de fondo

estilo de presentación

a. atributo de color

color: red #FF0000 rgb(255,0,0)

<style>
     span{
        color:#FF0000;
    }
</style>
<span>评论中大奖</span>

b. line-height
atributo línea de altura, típicamente mayor que 78 píxeles a la texto.

<style>
    p{
        font-size:20px;
        line-height:28px;
    }
</style>

c. text-align
texto horizontalmente Izquierda Derecha Centro

d. texto-guión de la sangría de primera línea

<style>
    p{
        text-indent:2em; //sh
    }
</style>

mi. text-decoration

Ninguno / parpadeo / subrayado / tachado / overline

<em>倾斜</em> <i></i>
<strong>加粗</strong> <b></b>

<u>下划线</u> <ins> </ins>
<s>删除线</s> <del> </del>

herramienta modal

Modo de visualización

elementos en bloque

etiquetas comunes CV ul ol li div

Línea exclusiva, tiene una amplia alta

elemento de fila

elementos de bloque Inline

entrada de tabla img

conversión de modo

display : block/ inline /inline-block

notas

a. Cuando el diseño es los elementos en línea o elementos de bloque dentro de la fila, ya que pueden ser el mismo texto se centra horizontalmente

b. Cuando la altura de diseño de la altura de la línea, entonces el texto de la línea interna verticalmente.

c. h y P es un elemento en bloque basado en texto. Por lo tanto, no se puede colocar en el interior de los elementos a nivel de bloque.

D. un cheque no puede ser una etiqueta, pero puede ser elementos en bloque de venta.

e. Tenga en cuenta que la capa de la etiqueta no es más de tres jerarquía anidada

Por altura de la línea de texto (el elemento de línea central vertical)

顶线 中线 基线 底线

Altura de la fila es la distancia entre los dos línea de base

Estilo de fondo

body{
    background-color:pink;
    background-image:url('images/hh.jpg');
    background-repeat: repeat  no-repeat repeat-x  repeat-y
    
    background-position:x y 方位名词（如果方位名词只有一个，那么另一个居中）；数值
    
    background-attachment： scroll | fixed
    
    //background: #ff0000 url() no-repeat fixed center 0
}

fondo translúcido

background-color: rgba(0,0,0,0.8)