CSS基础学习 -01

什么是css？

css(Cascading Style Sheets)  层叠样式表 用于修饰html文档

css语法

• 一个属性就是一个声明  就是用来修改标签样式
• 声明块：多个声明就是声明块{}
• 属性书写规则：属性名和属性名之间使用：隔开
• 多对属性之间使用；隔开
• 最后一对属性可以不加；  建议加
• css有速记写法   例如： border:width style color;

css注释

/* 所注释的内容*/

引入css方式

1.行内样式 内联样式 style属性

<div style="color=red">我是一个div</div>

2.内部样式表 style标签

 <style>
        div{
            color: rgb(0, 38, 255);
            font-size: 28px;
            background-color: aqua;
        }
    </style>

3.外部样式表
            1.使用link标签引入css文件 

 <link rel="stylesheet" href="./style.css">

            2.使用@import引入 不建议使用

<style>
 @import url(./style.css);
</style>

注：样式优先级：行内样式>内部样式/外部样式 (就近原则)

link和@import区别:

1. 所属范围:link属于html标签 @import属于css
2. 加载:link同时加载html 和 css @import优先加载css
3. 兼容性:link无兼容性 @import支持ie5+