CSS base de front-end de los dos artículos

Una fuente atribuye .CSS

1. Font Family

 p {
    font-family: “字体1",“字体2";
 }

2. Tamaño de fuente

p {
    font-site: 20px;
}

Unidad: px (píxeles)

3. Peso de la fuente

p {
    font-weight: 属性值;
}

Los valores de propiedad:

valor	efecto
normal	No negrita (valor por defecto)
negrita	audaz
100-900	Igualdad de 400 igual a la normalidad 700 negrita

4. El estilo de texto

font-style: 样式；

estilo:

valor	efecto
normal	defecto
itálico	itálico

Las propiedades de material compuesto redacción

p {
 /* font：font-style font-weight font-site/line-height font-family;

font： italic 700 20px ''宋体；
}

Notas:
1. Utilizar atributos de una fuente compuesta cuando la orden no se puede revertir.
2. Tener al menos de tamaño de fuente y la fuente de la familia

II. Propiedades del texto

1. Color de texto

div {
color: 颜色；
}

Tres formas de colores

/*预定义颜色值*/
color: red;
/*16进制  最常用*/
color: #FF0000
/*RGB*/
color: rgb(255,255,255)或者rgb(100%,0%,0%）

2. Alinear texto

div {
    text-align: 对齐方式；
}

alineación:

valor	efecto
Correcto	el derecho
izquierda	izquierda
centrar	align

4. La decoración del texto

div {
    text-decoration: 装饰方式
}

forma decorativa

valor	efecto
ninguna	defecto
subrayar	Subrayado (viene con un enlace)
overline	overline
línea-a través	que atraviesa

La sangría de primera línea

p { 
    text-indenx: 缩进；
}

Unidad
px píxeles
em unidades relativas, en relación con el elemento actual (font-size) tamaño de una palabra, si no se establece el tamaño del elemento actual no está definida, se acuerdo con un tamaño de la fuente del elemento padre.

6. Espacio entre líneas

p { 
    line-height: 行高
}

El interlineado:
lanzamiento de la altura de tono + texto +

Tres elementos .CSS modo de visualización

1. Concepto

Elementos del modo de visualización es el elemento (tag) en lo display manera.

2. Clasificación

elementos de bloque dividido y los elementos en línea

(1) elementos de bloque

Elementos comunes de bloqueo

~

1. Y otras
   características:

   1.独占一行
   2.高度，宽度，行边距，都可以控制
   3.宽度默认是容器（父级）宽度的100%
   4.是一个容器及盒子，里面可以放行内或者块级元素。
   

   notas:

   文字类的元素内不能包含块级元素，比如：<p>,<h1>~<h6>
   

   (2) elemento de fila (interna 联 元 el original)

   elementos en línea comunes: Y otras
   características:

   1. 相邻的行内元素,可以在一行显示
   2.高度和宽度设置无效的
   3.默认宽度是他本身内容的宽度
   4.行内元素只能容纳文本或者其他行内元素
   

   notas:

   <a>标签里面不能再放链接
   特殊情况下<a>里面可以放块级元素，但是需要块级模式
   

   (3) dentro de los elementos de bloque de fila

   Mientras que tener características bloquean elementos y elementos de línea, tales como: .
   características:

   1.和相邻的行内元素（行内块元素）在一行上，他们之间会有空白间隙，一行可以显示多行行内块元素。
   2.默认宽度就是它本身内容的宽度
   3.高度，行高，内外边距可以控制
   

   3. El convertidor de modo de visualización

   Convertido en elementos de bloque

   display: block;
   

   Convertido a los elementos en línea

   display: inline;
   

   Se convierte a los elementos de bloque fila

   display: inline-block;
   

   p.ej:

   span {
       width: 100px;
       height: 30px;
       display: block
   }
   

   4. Antecedentes

   Elemento puede ser proporcionado por el fondo color de fondo atributo css, imagen de fondo, fondo de azulejos, el fondo píxeles fijación.

   (1) el color de fondo

   background-color: 颜色值；
   /* 默认为transparent （透明) */
   

   (2) imagen de fondo

   El desarrollo actual a menudo para una imagen de fondo grande logotipo decorativo o algunas pequeñas imágenes o.

   background-image: url(路径);
   

   (3) fondo de azulejos

   background-repeat: repeat | no-repeat | repeat-x | repeat-y
   

   notas:

   1.默认 : repeat(平铺）
   2.可以同时设置背景颜色和背景图片
   

   (4) la posición del fondo

   background-position: x y;
   

   comentario:

   x和y分别代表x坐标和y坐标，可以使用方位名词或者精确单位。
   

   Los sustantivos (posición)

   top | center | bottom | left | center | right  
   

   notas:

   1.如果左右两个是方位名词，则两个词前后顺序可以颠倒。如：left top 和 top left 效果一样
   
   2.如果只是指定了一样方位词，另一个默认居中对齐。
   
   /*此时X轴是靠右对齐，则Y轴默认居中，反之亦然*/
   background-position: right;
   

   palabra exacta

   background-position：20px 40px;
   

   notas:

   1.精确词第一个是X轴第二个是Y，不能颠倒
   2.如果只有一个精确值，那么一定是X轴,则Y轴默认居中
   

   unidades de mezcla

   混合单位第一个必须是X轴第二是Y轴
   

   (5) de fondo fijo (fondo adjunta)

   background-attachment: scroll | fixed
   

   Notas:
   el desplazamiento: Permiten desplazarse la imagen de fondo con el contenido del objeto
   fijo: Fondo fijo

   (6) una escritura compuesta propiedades de fondo

   La utilización de una redacción compuesta en ningún orden en particular, la práctica general de la orden acordado:

   background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置；
   

   color de fondo (5) translúcida

   background: rgba(0,0,0,0.1);
   

   NOTA:
   El último parámetro es la transparencia alfa, que oscila entre 0 y 1.