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

上一篇:九九乘法表


下一篇:C语言教材答案