CSS文本属性和选择器

边框：

border-width：10px 不能是百分比 border-color:边框颜色默认为文本颜色
边框样式 border-style：默认为none（没有、空） solid实线、 dashed短横状虚线 double双线（边框宽度3px起步）
border：10px solid 颜色，（四周10px的实线）
border复合属性：border-top、border-rigth、border-bottom、border-left（给单边添加样式）
overflow：文本的溢出控制

文本属性：

font-family：字体样式
font-size：字体大小 谷歌默认字体大小16px
text-align：center 居中，默认居左(left）
text-align：center(居中) 、left(默认) 、right

text-align能让标签内的文本，行内元素，行内块元素居中
从设置的角度,如果希望文本和行内元素和行内块元素水平居中,需要给父元素设置text-align:center

line-height:行高
font-weight：400(normal)默认不加粗 ，700（bold）加粗
text-indent：首行缩进单位em ,1em等于当前标签的大小
web标准:结构、样式、行为进行分离

6.显示模式

6.1.块级显示模式：

①独占一行

②设置宽高起作用，在不设置宽度时，宽度和父元素一样

块元素有html、body、div、h1-h6，p，ul , ol , li , dl, dt, dd, hr ,form

6.2.行内显示模式：

①一行存在多个，设置宽高不起作用

②宽高由内容决定

③文本沿着基线对齐

④行内显示模式的元素是用来修饰文本的

行内元素有span、a、b、strong、i、em、u、ins、s、del

6.3行内块显示模式：

①一行存在多个，设置宽高起作用和文本的基线对齐

行内元素有img、表单标签input

7.显示模式转换

7.1其他显示模式转换行内块显示模式

display：inline-block；

7.2其他模式转换成块级显示模式

display：block；

7.2其他模式转换成行内模式

display:inline;

8.块元素的默认宽度

块元素在不设置宽度时，和父元素一样宽
CSS优先级关系：id选择符（唯一性）>class选择符（类）>标签选择符
权重值计算 ：!important 绝对优先

当权重相同时，后定义的，权重不同，实现权重高的，
标签选择器<类选择器<id选择器<行内样式<!important

常用选择符：

通配选择符：* 适用于当前HTML文档的所有对象

*{
		/*消除标签默认的内外边距*/
		margin:0;
		padding:0;
}

后代选择符：HTML的嵌套关系，选择前者内部的后代对象
对象名之间用空格分隔，用【空格】代表包含关系
不管有多少代，样式作用的对象仅限于最后一个对象

div p{			/* div对象中的所有p对象被指定样式*/
				color:red;
				}

子代选择符：对象a>对象b，作用于b

article  h1>a{
color:red;
}

群组选择符：将统一样式一次性用于多个选择符对象 用【,】隔开

h1,h2,h3,h4{
color:red;
}

指定选择符：标签名.class类名 class=“xieti”

p.xieti{
 font-style:italic;
}

盒子模型

节点、块

主要是用于文章或文本区域的box min-width最小宽度，max-width最大宽度 padding、width、height不能负值，margin设置盒子的位置，并不属于盒子本身，可以为负值（向左走）