使用样式表可以有三种方式
1. 内联样式
将样式定义在style属性
内容和表现混在一起高度耦合，维护困难，不易分工合作
2. 内部样式
p{
font-size: 36px;
color: beige;
}
在<head>标签中通过<style>标签来定义
内容和表现形式的耦合程度降低了，但都在一个文件中，没有实现完全分离。
定义的样式只能在本页面中使用
3.外部样式表
首先定义.css文件
/*
定义了应用于段落的样式
*/
P{
font-size: 36px;
color: antiquewhite;
}
Css中也可以使用注释，然后在需要这些样式表的html文件中引用该样式表文件
<linktype="text/css"href="css/E102-01-02.css"rel="stylesheet">
外部样式表使得内容表现形式彻底分离，有利于分工合作及维护。可再多个html中引用。
1.2颜色
所有的颜色都可以由红绿蓝三种颜色调配而成，这三种颜色俗称三原色。
Css中用8中为表示一个颜色，那么可以表示二的八次方，即256种颜色。所以总共可以表示256*256*256种颜色
Css中有多种颜色表示形式：
1）十六进制形式：
<pstyle="color:#ffff00">内部样式2</p>
2）rgb颜色
<pstyle="color:RGB (255,0,0)">内部样式1</p>
3）RGBA透明
<pstyle="color:RGBA(255,0,0,1)">内部样式1</p>
在RGB颜色基础上增加了透明度分量，该分量的取值范围为0到1
4）HSL颜色
颜色也可以由另外三个分量表示饱和度、明度、色调。
5）hsla颜色
在hsl颜色的基础上增加了Aloha分量
6）预定义颜色
Css提供一些常用颜色。
1.3尺寸
Cm：厘米
Mm：毫米
In：英寸
Px：像素
%：百分比
vw：viewpointwidth，视窗宽度，1vw等于视窗宽度的1%。
vh：viewpointheight，视窗高度，1vh等于视窗高度的1%。
em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
2 基础属性
属性名=属性值
Background-color:red
2.1字体相关属性
Font-size：字体大小
Font-family：字体名称
Font-style：字体颜色
Font-variant:字体的变化
Font-weight：字体粗细
可以简写，书写顺序
Font-styleFont- variant Font-weight Font-size：字体大小
Font-family：字体名称前面三个可以缺省使用默认，而后俩指定值
font:60px宋体;
2.2文本相关属性主要包括颜色、对齐方式、修饰效果等。
Color：设置文本颜色
text-decoration
Noderline：下划线
Overline：上划线
Line-through：删除线
Text-shadow：增加阴影 代码：text-shadow:2px2px#000000;的含义是定义一个灰色的背景，其水平方向上左移2px，垂直方向上上移2px。
Direction
Ltr：自左至右；rtl：自右至左
Text—align：文本对齐方式
Left左对齐
Right：右对齐
Center:居中对齐
Justify：俩端对齐
Vertical-align：文本垂直对齐方式
Top靠上对齐
Bottom靠下对齐
Middle垂直居中对齐
Text-indent：文本的缩进
Letter-spacing：字符之间的间距
Word-spacing：字的间距
Line-heightn：设置行高，实际上是调整行间距。
210
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
