Css语法包括三部分：选择符，样式属性，属性值
基本语法：
Selector { property ：value ； property ：value；……property：value}
语法说明：
Selector代表选择符，类似html中的标签，例如：<p>、<h1>……
Property 代表属性，即要设置的文本属性，比如字体颜色，格式等
Value 代表属性值，即给属性赋值
Css要在<head>与</head>之间使用，并且添加一对<style></style>标签，在style标签中间书写各种东西
- Css选择器（适用于内部选择器）
- CSS 元素选择器、
元素选择器根据元素名称来选择 HTML 元素。
Eg：p {
text-align: center;
color: red;
}
说明：表示主体中所有使用了<p>标签的文字都会按这个标准而改变
- Css id选择器
id 选择器使用 HTML 元素的 id 属性来选择特定元素。元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素！要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id。且id的名称不能使用数字开头
eg：#para1 {
text-align: center;
color: red;
}
说明：任意哪个标签，只要在标签内使用id=id标签名，就能使样式改变，如：<p id="para1">Hello World!</p>
- Css 类选择器
类选择器选择有特定 class 属性的 HTML 元素。如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。
Eg：.center {
text-align: center;
color: red;
}
说明：在一对style标签中定义了类选择器后，就可以在主题内容中，使用标签，在标签中调用class=类名，就可以改变样式
Eg：<h1 class="center">居中的红色标题</h1>
同时应当注意，html元素可以调用多个类，如：<p class="center large">这个段落引用两个类。</p>，这样书写调用也是正确的
- Css 通用选择器
通用选择器（*）选择页面上的所有的 HTML 元素。
Eg：* {
text-align: center;
color: blue;
}
在body体中，无需调用，通用选择器上的所有html元素都会被改变，都会起作用
- Css分组选择器
如果多对css元素选择器代码功能一样，就可以把他们归并在一起来写，以减少代码的长度
Eg：h1, h2, p {
text-align: center;
color: red;
}
这样，三个标签的字体效果，格式等，就一样
- 添加css
- 链入外部样式链表
注：使用外部样式链表就不用在style标签中间书写了，使用一个单标签<link>来链接
语法：<head>
…
<link rel=”stylesheet” type=”text/css” href=”地址”/>
</head>
注：rel与type等于的值在这是固定的，rel表示在html文件中使用的是外部样式表，type表示该文件类型是样式表文件，href表示的是文件地址（先放到html文件中，且文件必须是以 .css 扩展名保存）
- 内部css
内部样式表是通过一对style标签，把样式表的内容直接写在html文件中<head></head>标签中间的方法
- 行内css
行内样式（也称内联样式）可用于为单个元素应用唯一的样式。如需使用行内样式，请将 style 属性添加到相关元素。style 属性可包含任何 CSS 属性。
即直接在<body>与</body>标签中的，各个标签内，间直接添加style的方法
Eg：<body>
<h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
</body>
- 层叠顺序
当为某个 HTML 元素指定了多个样式时，会使用哪种样式呢？
页面中的所有样式将按照以下规则“层叠”为新的“虚拟”样式表，其中第一优先级最高：
- 行内样式（在 HTML 元素中）
- 外部和内部样式表（在 head 部分）
3） 浏览器默认样式
因此，行内样式具有最高优先级，并且将覆盖外部和内部样式以及浏览器默认样式。
- Css注释
注释用于解释代码，以后在您编辑源代码时可能会有所帮助。浏览器会忽略注释。位于 <style> 元素内的 CSS 注释，以 /* 开始，以 */ 结束：
1643
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
