-》list-style-type 属性设置列表项标记的类型。
-》cursor 属性-设置不同的光标：
span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
CSS梅兰商城项目实战基础视频教程笔记
-》目录结构、重置样式、名词（版心、通栏）
-》css精灵图（雪碧图）：
一定要是小图且不太会变化，图与图之间要有空隙，精灵图制作完成后，要留出足够位置方便扩展。
使用：结合background
-》同一行中，两个标签一个靠左一个靠右：
一个设置左浮动，一个设置右浮动。可以放在公共包内，方便调用。
.float-left{
float：left；
}
.float-right{
float：right；
}
需要用的时候，在class中加上float-left或float-right，另外需要使用前引入这个css文件
-》怎么让文字垂直居中？
-》两头对齐：？？flex
-》CSS outline-style 属性
设置元素的整个轮廓的样式。位于边框边缘的外围，可起到突出元素的作用。样式不能是 none，否则轮廓不会出现。
- none 默认。定义无轮廓。
- dotted 定义点状的轮廓。
- dashed 定义虚线轮廓。
- solid 定义实线轮廓。
- double 定义双线轮廓。双线的宽度等同于 outline-width 的值。
- groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。
- ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。
- inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。
- outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。
- herit 规定应该从父元素继承轮廓样式的设置。
-》css之display:inline-block布局：
- inline（行内元素）:
使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行.
不能更改元素的height，width的值，大小由内容撑开.
可以使用padding上下左右都有效，margin只有left和right产生边距效果，但是top和bottom就不行.
- block（块级元素）:
使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满父级元素的宽度.
能够改变元素的height，width的值.
可以设置padding，margin的各个属性值，top，left，bottom，right都能够产生边距效果.
- inline-block（融合行内于块级）:
结合了inline与block的一些特点，结合了上述inline的第1个特点和block的第2,3个特点.
用通俗的话讲，就是不独占一行的块级元素。
-》line-height和height的区别：line-height是行高的意思，height则是定义元素自身的高度。
如果我们定义.test {line-height:20px;}，那么这个元素的实际高度将取决于其中内容的多少，
假如文字部分在浏览器里面显示为一行，那么这个div的实际高度就是20px，
如果文字显示为两行，那么div的实际高度就是40px，而且文字的行高是20px的；
如果我们定义.test{height:40px}，那么这个元素的实际高度一般并不会因为内容的多少而发生改变，
如果文字显示为一行，那么这个div的高度仍然是40px，
如果显示为2行，但是文字的行高不够20px，这个div的高度也不会因为文字内容的高度小于height
而发生改变。不过如果文字内容的高度大于40px了，一般来说这个div的高度还是会相应增加的。
-》背景图定义形式：
background: url("images/sj.png") no-repeat right;
background:url(../images/top_ico.png) no-repeat right 14px;
意思是背景图片不重复，在水平方向靠近容器的右侧，在垂直方向距离容器上方14px;
-》清除浮动bug使用 .clearfix{*zoom:1;} 和 .clearfix:after
可以在子节点float的时候撑开父节点。整段代码就相当于在浮动元素后面跟了个宽高为0的空div，
然后设定它clear:both来达到清除浮动的效果。
之所以用它，是因为不必在html文件中写入大量无意义的空标签又能清除浮动。
使用方法：只要写一个.clearfix就行了，然后在需要清浮动的元素中 添加clearfix类名就好了。
如
<div class="head clearfix"></div>
-》字符间距
letter-spacing:8px;
line-height: 30px;
-》
-》
-》
-》
-》
来源：CSDN
作者：bellediao
链接：https://blog.csdn.net/bellediao/article/details/104109488