CSS的基本语法
2017-11-29 本文已影响0人
李丹linda
CSS样式规则
css规则有两部分组成：选择器，声明
——选择器：设置样式的元素；
——声明：由属性和值构成（后面有一个；），声明在一对{ }内；
选择器{属性：值；属性：值；}
——属性：用来设置样式；
——值：属性显示效果的参数。
注释：/*注释语句*/
如：
<style text/css>
p,h1,h2,h3···{ font-size:30px;}/*相同属性可以写在一起*/
p{ color:blue<br>;
font-family:"隶书";
}
h1{ background-color:yellow;}
</style>
CSS使用方法
- 行内样式（内联样式）
- 内部样式表（嵌入样式）
- 外部样式
- 导入式
1.行内样式：再开始标签内添加style样式属性。
如：<p style="color:red; font-size:30px;">内容</p>
2.内部样式：把css样式代码写在style标签内。
<style type="text/css">
样式代码
</style>
说明：<style>放在<head>之间。
3.外部样式：把css样式写在一个独立的文件中，文件扩展名为（文件名.css）。
<link href="XX.css" rel="stylesheet" type="text/css"/>
说明：<link>放在<head>之间。
4.导入式：使用@import导入"外部CSS样式"。
@import "文件名.css"
@import url("文件名.css")
说明：放在<style>标签内。
5.使用链入外部样式的好处
(1) css和html分离
(2)多个文件可使用同一个样式表
(3)多文件使用同一个css文件，只需下载一次
css使用方法优先级
行内样式 > 内部样式 > 链入外部样式 = 导入式
说明：若优先级相同，遵循就近原则，即后面覆盖前面。
