1CSS基础知识
1.1基本概念
Css指折叠样式表（casaading style sheets）
为什么需要用css
Html描述了要呈现的内容，而css怎定义了这些内容的呈现形式，比如字体，颜色等。使用css能够将页面内容和形式有效分离，有利于成分合作，也有利于快捷更换不同的呈现形式。
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
<style>
p{
font-size:36px;
color: blueviolet;
}
</style>
</head>
<body>
<pstyle="font-size:20px;color:blue">asdasd</p>
<pclass="p">示例1</p>
<pclass="p">示例2</p>
</body>
</html>
使用CSS有三种方式：
(1) 内联式：
将样式定义在style属性中。内容和表现形式高度耦合。不利于分工合作
维护困难。不提倡使用。（ 且只能应用于单签标签中）
（2）内部样式：
在<head>标签中通过<style>标签来定义。
内容和表现形式的耦合程度上降低了。但都还是在html文件中，没有实现完全分离。（而且只能运用到当前页面）
（3）外部样式表
首先要定义一个外部文件（.css）
Css也可以注释如：/* */
然后需要使用这些样式的html文件引入该样式表文件。
外部样式表使得内容和表现形式彻底分离，有利于分工合作及维护。（可在多个html中引用。）推荐使用外部样式。
引用代码：<link rel=”stylesheet”type=”text/css” href=”xxx.css”>
1.1.2颜色
所有的颜色都可以有红绿蓝三种颜色调配而成，这三种颜色俗称三原色。
每种颜色用八位表示，可以表示256（28）种颜色。那么每种颜色值有24位来表示，可以表示256*256种颜色（真彩色）
Css中有多种颜色表示形式：
十六进制颜色表示形式<p>
（3）RGB颜色基础上增加了透明度分量（alpha），该分量取值范围为0~1.0（完全不透明）
（4）HSL颜色
颜色也可由另外三个分量来表示，即色调、饱和度、透明度。
（5）HSLA颜色
在HSL颜色的机床上增加了Alpha分量
（6）预设颜色
Css提供了一些预定颜色，如：red、Green。
1.3尺寸单位
Cm:厘米
Mm：毫米
In：英寸（inch）
Px：像素（pixel）
Em、vw、vh。
Px：绝对单位。
进制：
十进制：145=1*102+4*101+5*100
八进制：145=1*82+4*81+5*80
十六进制：145=1*162+4*161+5*160
十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。
二进十：如：11001 1*24+1*23+0*22+0*21+1*20=25
%：相对单位。
哪些是绝对的单位？那些事相对的单位？a
字体相关属性：
Font-family：字体名称。
Font-size：字体大小。
Font-variant：小写变成大写。
font-weight：字体的粗细。
可以简写，书写顺序
Font-style Font-variant font-weight Font-size Font-family
2.2文本相关的属性
文本属性的主要包括颜色、对齐方式、修饰效果。
Color：设置文本的颜色。
Text-decoration：字体装饰。
None：默认值，没有装饰效果
Overline ：上划线
Line-throoth：删除线
Underline：加下划线。
Text-shadow：阴影。比如text-shandow：（+-）5px （+-）10px gray；的含义是定义一个背景，向上水平方向左（右）移5px，水平向上（下）移动10px。
Direction：方向。
Ltr：自左至右；rtl：至右向左。
例如：text-align:center;
Inherit：继承。
Start：起点。
Right：右对齐
Left：左对齐
Justify：两端对齐
Center：居中。
End：底端。
Top：靠上对齐
Bottom：靠下对齐
Middle：水平对齐
Text-indent：文本缩进。
Letter-spacing：字符间距。
Word-spacing：字词间距。
Line-height：设置行高，实际上是调整高度。
Background-color:底纹阴影（切记块级标签和关联标签做标题底纹换行不换行）