CSS(1.1)

1、概念
层叠样式表(级联样式表),简称为样式表;html是网页的内容,css是内容的表现,css主要是给html中的页面元素定义样式,实现了内容与表现的分离,提高了代码的可读性和可重用性
 2、css与html的关系
html用于构建网页的结构,css用于构建html元素的样式
3、html属性与css样式的使用原则
w3c建议我们尽量使用css来代理样式属性,实现内容与表现的分离,除非样式为html属性特有
4、css的使用方式
1)内联样式表:样式定义在单个html元素中
语法:通过style属性添加样式
style = "样式1:取值;样式2:取值;..."
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190310193456878.png)
   2)内部样式表
内部样式表规则位于文档头元素中,通过style标记实现;所有的样式属性均写在style元素中
语法:由一个或多个样式规则组成,每个样式规则由一个或多个样式属性组成
选择器{
    样式属性1: 取值;
    样式属性2: 取值;
}
选择器{
    样式属性1: 取值;
}

在这里插入图片描述
3)外部样式表
将所有的样式放在一个单独的.css文件中,再在html文档的头部通过link元素进行引入
第一步:创建css文件,css文件中直接定义样式规则,其中的语法与内部样式表语法一致
第二步:通过link元素进行引入

注意:一个html文档可以引入多个css文件,同样,一个css文件,可以被多个html文档引入
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44706842/article/details/88382545
1.1