css(2)

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.块级,行级,行级快标签

● 什么是块级标签？

块级标签：无论内容多少 都会独自占据一行的。

例如

、

、

• 、
  1. 、

     ---

     等。

● 什么是行级标签？

行级标签：只占自身大小的标签，不会占一行。

例如、、、等。

● 什么是行级块标签？

例如 <img

等 注意： 一般情况下使用块级标签包含行级标签，不使用行级标签包含块标签。

a可以包含任何标签，除去a本身；

p标签不可以包含任何的块标签。

5.盒子模型

● CSS处理网页时，它认为每个标签都包含在一 个不可见的盒子里。

● 如果把所有的标签都想象成盒子，那么我们对网页的布局就相 当于摆

放盒子。

● 我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。

6.浮动

● 当一个标签浮动以后，其下方的标签会上移。

● 浮动会使标签完全脱离文档流，也就是不再在文档中在占用位置标签浮

动以后即完全脱离文档流，这时不会再影响父标签的高度。也就是浮动

标签不会撑开父标签。

清除浮动

● clear属性可以用于清除标签周围的浮动对标签的影响,其他标签的位置不

发生变化。

可选值：

left ： 忽略左侧浮动

right ：忽略右侧浮动

both ：忽略全部浮动