目录
一.CSS概念
CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表
CSS文件后缀名为 .css
CSS用于HTML文档中元素样式的定义
二.CSS语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式）
选择器
要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器
选择器通常是您需要改变样式的 HTML 元素。
选择器种类
1.全局选择器
可以与任何元素匹配，优先级最低，一般做样式初始化
2.元素选择器
HTML文档中的元素， p、b、div、a、img、body 等。
标签选择器，选择的是页面上所有这种类型的标签，所以经常描述 “共性”，无法描述某一个元素的“个性”。
有标签嵌套也能识别
3.类选择器
规定用圆点 . 来定义，针对你想要的所有标签使用
4.ID选择器
针对某一个特定的标签来使用，只能使用一次。
css 中的 ID选择器 以 # 来定义
ID是唯一的
ID不能以数字开头
5.合并选择器
语法： 选择器1,选择器2,...{ }
作用：提取共同的样式，减少重复代码
选择器的优先级
CSS中,权重用数字衡量
•元素选择器的权重为: 1
•class选择器的权重为: 10
•id选择器的权重为: 100
•行内样式的权重为: 1000
属性
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。
属性和值被冒号分开。每条声明用分号结束。
属性必须放在花括号中。
（注：在<head>中写）
三.CSS的引入方式
行内样式
行内样式（Inline styles）也称内嵌样式，是在HTML标记中插入style属性，再定义要显示的样式，而style属性的内容就是CSS的属性和值。用这种方法，可以很简单的对某个标记单独定义样式。但是，利用这种方法定义样式时，作用范围只可控制该标记。其格式为：
<标记 style="属性:属性值; 属性:属性值 ...">
要使用行内样式，你需要在相关的标签内使用样式（style）属性。 Style 属性可以包含任何 CSS 属性
缺点：缺乏整体性和规划性，不利于维护，维护成本高
内部样式
当单个文档需要特殊的样式时，就应该使用内部样式表。
使用 <style> 标签在文档头部定义内部样式表
缺点：在多个页面之间容易混乱。
外部样式（推荐）
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。
使用 <link> 标签链接到样式表。
<link> 标签在（文档的）头部（注：<head>里，<style>外面）
样式表的优先级
行内优先级最高
行内>内部>外部
（注：在<head>标签中先写外部，后写内部）
！important
添加该属性后优先级最高
扫一扫
9606
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
