css 查缺补漏

1、外部引入链接：

 

2、CSS继承

（1）字体类：font-weight,font-size,font-family,font-style

（2）文本类：text-indent,text-align

 

3、CSS 属性选择器

[title~=hello] { color:red; }

 

4、背景图像固定、不随着页面的其余部分滚动。

background-attachment: fixed;

 

5、文本处理

（1）文本缩进

p {text-indent: 5em;}

（2）处理文本大小写

h1 {text-transform: uppercase;}//lowercase

（3）文本装饰

a{text-decoration:none}//underline\overline\line-through\blink

 

6、字体

a{font-style：normal;}

**italic【是一种字体】,oblique

 

7、列表属性（list）

list-style,list-style-image,list-style-position,list-style-type

 

8、盒模型

box-sizing: content-box; //按内容宽度计算，margin,border,padding在外部，不算盒模型的宽度；

box-sizing: border-box;//按边框宽度计算，margin,border,padding在内部，算盒模型的宽度；

 

9、块级元素【块元素指的是占据全部可用宽度的元素，并且在其前后都会换行】

div，h1，p

 

行内元素

span,strong,a 

 

10、position属性

（1）static：元素框正常生成。

（2）relative：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

（3）absolute：元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

（4）fixed：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

 

11、裁剪形状

  clip:rect(0px,60px,200px,0px);

 

12、清楚浮动

 clear:both;

13、子元素选择器

子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

 h1 > strong {color:red;}

14、相邻兄弟选择器

可选择紧接在另一元素后的元素，且二者有相同父元素。

h1 + p {margin-top:50px;}

注意：请记住，用一个结合符只能选择两个相邻兄弟中的第二个元素

 

15、锚伪类

a:link {color: #FF0000}		/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

 

**css实现空心箭头