【CSS】选择器、优先级、颜色 尺寸 图片表示方法等

CSS：层叠样式表

程序员的画笔。用于网页的美化(结构和表现的分离)

1、结构和表现分离

• html标签只负责展示内容，搭建网页的基本结构，不用标签的属性设置样式。
• 所有的样式由CSS来进行设置。

2、应用CSS的方法

2.1 页面嵌入式

<style type="text/css">
    CSS的样式规则
<style>

2.2 行内嵌入式

给标签加入style属性，设置样式

2.3 链入式

第一步：创建样式文件(.css)
第二布：通过link将css文件导入到页面中

<link herf="样式文件地址" type="text/css" rel="stylesheet"/>

2.4 导入式

<style type="text/css">
	@import url(css文件路径)；
	/*或@import"css文件路径";*/
	/*在此还可以存放其他css样式*/
</style>

3、CSS的样式规则

选择器{
    样式属性1：值；
    样式属性2：值；
    样式属性3：值；
}

eg：
p{
   
    font-size: 35px;
    color: blue;
    font-family: '隶书';
}

4、CSS选择器：CSS核心

4.1 标签名选择器

标签名{
   
    样式属性：值；
    样式属性：值；
}

4.2 id选择器

给标签带上id属性，id属性值不能重复

#id属性值{<