css(2)
1.css列表
● CSS 列表属性可以放置、改变列表项标志,或者将图像作为列表项标志 。
● list-style-image 将图象设置为列表项标志。
● list-style-position 设置列表中列表项标志的位置。
● list-style-type 设置列表项标志的类型。
● list-style 简写属性。
2.css伪类
● CSS伪类专门用来表示标签的一种的特殊的状态,当我们需要为处在这些特殊状 态的标签设置样式时,就可以使用伪类 。
● 伪类的语法:
:hover伪类表示鼠标移入的状态
:active表示的是被点击的状态
:focus向拥有键盘输入焦点的标签添加样式。
3.透明
● 定义透明效果的属性是 opacity。
opacity 属性设置标签的不透明级别 值为1。
规定不透明度:从 0.0 (完全透明)到 1.0(完全不透明)
4.块级,行级,行级快标签
● 什么是块级标签?
块级标签:无论内容多少 都会独自占据一行的。
例如
、
、
-
、
-
、
等。
-
、
等。
● 什么是行级标签?
行级标签:只占自身大小的标签,不会占一行。
例如、、、等。
● 什么是行级块标签?
例如 <img
等 注意: 一般情况下使用块级标签包含行级标签,不使用行级标签包含块标签。
a可以包含任何标签,除去a本身;
p标签不可以包含任何的块标签。
5.盒子模型
● CSS处理网页时,它认为每个标签都包含在一 个不可见的盒子里。
● 如果把所有的标签都想象成盒子,那么我们对网页的布局就相 当于摆
放盒子。
● 我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。
6.浮动
● 当一个标签浮动以后,其下方的标签会上移。
● 浮动会使标签完全脱离文档流,也就是不再在文档中在占用位置标签浮
动以后即完全脱离文档流,这时不会再影响父标签的高度。也就是浮动
标签不会撑开父标签。
清除浮动
● clear属性可以用于清除标签周围的浮动对标签的影响,其他标签的位置不
发生变化。
可选值:
left : 忽略左侧浮动
right :忽略右侧浮动
both :忽略全部浮动