CSS 补充

像素

• 1px 一个像素点
• 1em 一个文字大小

颜色的表示方式

        /*background-color: red; 直接设置*/
            /*color: #F34566; 16进制*/
            /*color: rgb(23, 56, 23); rgb 方式*/

            /*半透明效果*/
            /*background-color: rgba(0, 0, 0, 0.5);*/
            opacity: 0.5;
            filter:Alpha(opacity=50); /*兼容IE8以及更早的浏览器*/

font 属性

<style type="text/css">
        * {
            font-size: 20px; /*文字大小*/
             /*字体的粗体样式 
                normal(400) 正常 
                bold(700) 加粗 
                bolder 加加粗*/
            font-weight: bolder;
            /*字体的斜体样式
                normal 正常
                italic 斜体
            */
            font-style: italic;
            
            /*字体设置
                1.直接设置文字的中文名（宋体）
                2.设置字体对应的英文方式（microsoft yahei）  
                3.设置字体对应的unicode编码 （%u5B8B%u4F53）
            */
            /*注意：
            1.font-family 一次可以设置多个字体，中间用逗号隔开
            2.尽量设置常用的字体，保证页面的样式统一
            */
            font-family: "宋体,microsoft yahei,\5B8B\4F53";

            /*设置文字的行高*/
            line-height: 30px;

            /*font 属性联写
                必须要写 font-size 和 font-family ，顺序不能改变
                全部都写的情况如下
            */
            font: 700 italic 20px/30px "microsoft yahei"
        }
    </style>

鼠标样式

cursor
pointer 小手
help  问号
move  四个箭头
default 默认

元素的模式分类

• 块级元素
  • 独占一行
  • 默认宽度与父元素的宽度一致
  • 可以设置宽度和高度
• 行内元素
  • 默认一行显示
  • 不能设置宽度和高度

CSS特性

• 继承性
• 层叠性
• 优先级：
  内联样式>ID选择器>类选择器>标签选择器