css 4种常见实现元素居中的办法： 1、通过 margin 属性调整 :{position: absolute;top: 50%;left: 50%;margin-left: -盒子的一半；margin-top: -盒子的一半;} 2、通过 transform 属性调整:{position: absolute;top: 50%;left: 50%;transform: translateX(-盒子的一半) translateY(-盒子的一半)；} 3、通过绝对定位：注意子绝父相（子元素绝对定位，父元素相对定位）{position: absolute;top: 0;left: 0;right: 0;bootom: 0;margin: auto;} 4、通过弹性盒子 ：/* 父盒子 */{display: flex;justify-content: center;align-items: center;}
http://www.w3cplus.com/content/css3-font-facehttp://www.w3cplus.com/css3/web-icon-with-font-facehttp://www.w3cplus.com/blog/295.html
作用：用来改变元素尺寸大小。1、resize:none|both|horizontal|vertical|inheritnone:不能拖动修改尺寸大小both：可以拖动元素，修改元素宽高horizontal：可以拖动元素，仅可以修改宽vertical：可以拖动元素，仅可以修改高inherit：继承父元素的resize属性2、使用resize属性需要配合overflow:auto;一起使用，不然不起作用。
css定义超链接是要有先后顺序的。否则，可能会出现某个或某几个样式不起作用的bug。例如：visited与hover顺序颠倒了，则不能显示hover和active的样式了。正确的顺序：a:link 未访问过的 样式a:visited 访问过的 样式a:hover 鼠标处于鼠标悬停状态的 样式a:active 当鼠标左键按下时，被激活的 样式。还有UI伪类选择器中的顺序::hover:foucs:active
XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> XML/HTML代码<style type="text/css" media="screen"> @import url("CSS文件"); </style> 两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。
取消默认的圆点和序号可以这样写list-style:none;,list的属性如下:list-style-type:square;//正方形list-style-position:inside;//inside,outside(项目符号内置还是外置)list-style-image:url(image.gif);可以缩写为一句：list-style:square inside url(image.gif);注意：这里的list-style-image不能控制图片大小，所以要把图片切成自己想要的大小
1、display:none; 显示为无2、visibility:hidden;隐藏,仍然可以得到宽和高3、widthheight;4、透明度 为0 （由100变换到0，可以做淡入淡出）5、lefttop6、用白色的div盖住7、margin设为负值......
border:border-width:1px;border-style:solid;border-color:#ccc;可以简写为：border:1ox solid #ccc;outline:outline-width:1px;outline-style:solid;outline-color:#ccc;可以简写为：outline:1ox solid #ccc;2者的用法相似，但是border是会占据盒子模型的大小，而outline是一个轮廓，不会占据盒子模型的大小。
