CSS样式表

样式表:CSS  一般称是层叠式样式表

平常看到的 <div class=""></div>    或者<div style=""></div>

那是 样式表的位置位置不一样  我们一看到style 就知道是一个样式表。

样式表的位置：

内联      写在标签里面，例如< div style="元素属性"></div>

内嵌      写在head里面

外部     另外单独新建一个css文件，后缀名.css

作用：决定了页面有哪些样式，例如内容字体的大小 颜色  位置  等等一些样式，决定了页面什么样子，排列的什么样。

所以html决定的内容，css决定样子，javascript决定细节。

 

内联：{

          写在标签里面

          style="样式属性"

          控制精确，但是重用性差

          优先级最高

        }

内嵌：{

         嵌在页面head里面

        <style  type="text/css">

            .div{样式属性}

        </style>

        控制没有内联精确，代码重用性好

        优先级第二高

}

外部：{

         单独创建新文件css文件，后缀名.css

         引入HTML文件代码是：<link href="文件名.css"  rel="stylesheet"/>

         （或者把文件拖进HTML文件代码head里面）

         控制没有内嵌精确，代码重用性最好

        优先级最低

}

.css文件  注释是    /* 内容*/