css知识点1

一、CSS(Cascading Style Sheets）层叠样式表

二、CSS引入方式：

        1、行内样式

                <div style="color:red;">内容</div>

        2、内嵌式

                <style>
                        div{
                                 color:red;
                          }
                  </style> 

        3、外链式
                <ink rel="stylesheet" href="css文件">

                 优先级：行内样式最大 最晚引入，优先级最高

        4、导入式
                @import  url("css文件");
                或@import  "css文件";

三、CSS选择器：

        1、标签选择器    权重 1
                标签名{
                  样式属性名:属性值;
                }

        2、类选择器        权重 10
                .类名{
                   样式属性名:属性值;
                }

        3、id选择器         权重100
                #id值{
                  样式属性名:属性值;
                }

        4、包含选择器       权重相加
                选择器E   选择器F {
                   样式属性名:属性值;
                        }

四、字体相关样式：

        1、font-size  字体大小

        2、font-family  字体系列
                多个字体之间用逗号隔开
                英文字体名称中间有空格，用引号引起来

        3、font-style 字体风格

                normal  正常
                italic  斜体
                oblique  倾斜

        4、font-weight字体粗细

                normal 正常
                bold 粗体
                bolder 加粗
                100-900 九个层次
                lighter  细体

        5、line-height  行高

                单位  px    若无单位，表示倍数

        6、缩写font:font-style值  font-weight值

                font-size值/line-height值  font-family值