css知识点笔记-常见特性

css知识点范围：常见特性

• 颜色值缩写：#000000=#000，#336699=#369两两重复就能缩写；
• 字体缩写：只要缩写必须要有size和family这两个属性，font-size和line-height缩写时中间加入"/"，属性包括font-style/variant/weight/size/family和line-height；
• 颜色：rgb(a, b, c)。a，b，c可以是0-255之间的整数，也可以为0%-100%的百分数；
• 行内元素居中用text-align : center
• 定宽块状元素居中方法：width固定，margin的左右值设置为auto；
• 宽度有自适应特性，根据里面的最长元素定宽；
• 不定款块状元素居中方法：外层加个table标签，块级元素设置为display : inline行内元素，上层lable用float : left, position : relative, left : 50%，下层原块级元素用position : relative, left : -50%；
• 隐性改变display类型：当设置为position : absolute或float : left是，元素会变为inline-block类型；
• 高度确定下才可以设置垂直居中；
• 单行元素垂直居中方法：可以设height和line-height相等；
• 垂直居中方法1：外层加入table、tbody、tr、td，设td高度固定，再设置vertical-align : middle就可以了，因为在table里，后者的属性默认已经被隐式的设置好了；
• 垂直居中方法2：设置块级元素display为table-cell，再加上vertical-align : middle就可以了。缺点是兼容性不好；
• css注释：/* */ ，html注释：<!-- -->
• 透明背景设置方法1：设置opacity(0.x)，内部元素也会跟着变透明；
• 透明背景设置方法2：rgba(255, 255, 255, 0.x)，最后的参数就是设置透明度的，这个只是背景层透明，不会影响内部元素；
• webkit内核浏览器画圆：-webkit-border-radius : 50%
• 火狐浏览器画圆：-moz-border-radius : 50%
• 华文细黑字体：Verdana
• <font>括起来设置font的属性，可以直接改字体样式；