css基础

css（cascading style sheet 层叠样式表）
css样式表
1 内部样式表

• 在head中添加

<style>
           选择器{属性：属性值;属性：属性值;}
<style>

2 外部样式表

• 新建一个css文件
• 用link标签关联css文件

       在head中添加
        <link rel="stylesheet" type="text/css" href="css/demo.css">
                rel="stylesheet"   关联样式表
                type="text/css"    样式表的类型
                href="css/demo.css" css文件的路径

• 在css文件中设置样式

（了解）外部导样式表

• 新建一个css文件 
•  <style> @import url(css文件的路径);  </style>
• 设置css样式

3 内联样式表

• <div style="属性:属性值; 属性：属性值"></div>

link和@import的区别
   1、 link是标签，@import是css提供的一种方式
   2、 link加载代码，是html和css同时加载，@import先加载html后加载css，如果网卡的情况，用户体验不好
   3、link的兼容性好，@import兼容只是IE5以上支持
   4、link对js的支持度好，@import对于js，dom的支持度不好

大型项目都用外部样式表、
练习可以用内部样式表、
提升权重的时候需要设置内联样式表，
外部导入一般不用