css第四天

1.三个注意点
（1）块级元素文字剧中，可以使用text-align:center文字或者行内元素都可以当作文本元素，所以文字或者行内样式都可以使用text-align:center，但是里面放块级元素并且有宽度就不行。
（2）文字标签，比如p（段落标签），h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其它块级元素。
（3）链接里面不能再放链接。
（4）行内元素只能容纳文本或者其它行内元素。（a特殊，a里面可以放块级元素）
2.行高的测量

行高是由文字+上下距离组成
3.css的三大特性
（1）CSS层叠性
只重叠冲突的样式
一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准
（2）CSS继承性
子元素可以继承父元素的样式（text-,font-,line-,color属性 ) 一般是文本相关的属性可继承
（3）优先级
!important（调整样式只有通过顺序执行） > 行类元素权重 > id选择器权重 > 类选择器(伪类选择器） > 元素选择器 > *或者继承
A.权重相同，就近原则
B.权重会叠加

C.

4.背景
background-color background-image background-repeat
background-position bakcground-attachment(fixed scroll)
background-position ：
1.后面可以跟方位名词，他们之间可以没有上下顺序
2.如果只写一个方位名词，另一个默认是居中的
3.后面可以跟值(px) 但是有顺序(x,y) eg:background-position:12px 50px;
background复合属性 官方没有强制顺序 常规第一个写颜色
background:#000,url(‘images/ms.png’) no-repeat scroll 50% 0;
background: rgba(0,0,0,0.8)
可通过background-position来移动背景图片位置
5.border
border的默认值是none，设置border:0;去掉所有边框（所有的边框为0）

表格的细线边框
以前学过的html表格边框很粗，这里只需要CSS一句话就可以美观起来。 让我们真的相信，CSS就是我们的白马王子（白雪公主）。
table{ border-collapse:collapse; } collapse 单词是合并的意思
border-collapse:collapse; 表示边框合并在一起

5.Padding
div{
padding: 10px; /** 上 下 左 右 /
padding: 10px 20px; / 上下 左右 /
padding: 10px 20px 30px; / 上 左右 下**/
padding: 10px 20px 30px 40px; /** 上 右 下 左 **/
}

盒子宽度:border-left + padding-left + width + padding-right + border-right

标签：collapse,元素,padding,CSS,background,第四天,border,css
来源： https://blog.csdn.net/m0_49641709/article/details/120801490