前言
本意是写给自己看的学习笔记，如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手，秃头摸爬滚打中，将一些重点总结记录下来，如有错误欢迎指正。
部分内容来自www.w3school.com.cn 和相关书本教材，若有侵权请告知，将会立即修改。
CSS入门
（1）CSS简介
CSS 指层叠样式表 (Cascading Style Sheets)，定义了如何显示 HTML 元素，样式通常存储在样式表中，外部样式表通常存储在 CSS 文件中。
CSS的样式规范为：
选择器{属性1:属性值1; 属性2:属性值2;……}
这里的选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。属性和属性值以“键值对”的形式出现，连接多个“键值对”之间用英文“;”进行区分。
（2）引入CSS样式表
- 外部样式表。使用<link>标签连接到样式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
- 内部样式表 。使用 <style> 标签在文档头部定义内部样式表。
<head>
<style type="text/css">
/*在此处输入样式*/
</style>
</head>
- 内联样式。在相关的标签内使用style属性。
<p style="margin-top: 10px">
这是一个段落
</p>
（3）CSS选择器
1.标签选择器：用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
语法格式：标签名{属性1:属性值1; 属性2:属性值2;……}
2.类选择器：使用“.”进行标识，后面紧跟类名（类名即为HTML元素的class属性值）。
语法格式：.类名{属性1:属性值1; 属性2:属性值2;……}
3.id选择器：使用“#”进行标识，后面紧跟id名。HTML元素的id值是唯一的，只能对应文档中某一个具体的元素。
语法格式：#id名{属性1:属性值1; 属性2:属性值2;……}
4.通配符选择器：用“*”表示，所设置的属性值对所有的HTML标签都生效。
语法格式：*{属性1:属性值1; 属性2:属性值2;……}
扫一扫
30万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
