1.文本首行缩进:text-index: ***;
2.focus伪类选择器:一般用于选取获得焦点得表单元素,一般针对于<input>标签作用
input:focus{***};
(这样我们就可以给获取到焦点的表单设置一些独特的效果了)
3.图片背景应用:
(1).背景平铺:background-repeat: repeat / no-repeat / repeat-x / repeat-y;
(平铺,不平铺,沿X轴平铺,沿Y轴平铺)
(2).背景图片位置:background-postion: x y;
(x.y值可以是方位名词【例如:left】,可以是百分比,可以是数字)
(3).背景图像的固定:background-attachment: scroll(滚动) / fixed(固定);
(可玩度较高,一些新奇的想法利用背景图像的固定可以实现很多的效果)
(4).背景颜色半透明的俩种方法:
(a).background: rgba(0,0,0,0.5);
(b).opacity: 0.5;
4.表格边框的合并:border-collapse: collapse;
5.利用盒子外边距使其水平居中:我们可以给到这个盒子模型一个margin: 0 auto;这时盒子的左后外边距就为auto,实现水平居中(当然还有很多方法【例如:利用transform搭配top.left值】)
6.实现行内元素和行内块元素水平居中:
text-align: center;(在一些特殊形况下,我们也可以使用display变换元素的显示形式来实现元素水平居中【例如将div的显示模式改为:inline-block】,这样的话,使用text-align: center;就可以使其水平居中了)
7.去除<li>标签的小点:
list-style:none;(那我们为什么要去除小点呢?因为在我们的实际开发中,导航栏都是利用ul>li>a来实现搭建的,所以list-style:none;用处真的非常大)