这是我参与「第五届青训营」伴学笔记创作活动的第2天
CSS(Cascading Style Sheets) 美化样式
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
样式引入
内部样式表
内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：
<head>
<style type="text/CSS">
选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>
内联
又称为行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式
<p style="color: red; font-size: 20px;">1.</p>
<p>2.</p>
外部样式表
<head>
<link rel="stylesheet" href="./index.css">
</head>
语法
CSS 规则由两个主要的部分构成：选择器，以及声明
选择器：指明网页中要应用样式规则的元素
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔
p { color:red; text-align:center;
}
注释：注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。 CSS注释以 /* 开始, 以 */ 结束
/* p标签的样式 */p { text-align:center; /* 文本居中 */
color:black; font-family:arial;
}
选择器
每一条css样式声明（定义）由两部分组成 类似于
选择器{
样式;}
选择器分为几类
简单选择器
- 标签选择器
- 类选择器
- ID选择器
- 通配符选择器
- 属性选择器
- 伪类选择符 其它选择器
- 组合选择器(后代选择器 子选择器 兄弟选择器)
- 选择器分组
