- CSS概述:
CSS：层叠样式表，如果说HTML是框架的话，CSS就是来装饰这个框架的。 - CSS运行机制:
一个选择器：也就是指定对哪部分进行渲染，如果没有指定，那么即使写了CSS，也不会报错，只是不显示相应的效果。
一组属性：通过属性名：属性值，不同的属性之间通过“；”来隔开。 - CSS语法
CSS 语法结构为：选择器{属性：值;属性：值;...} - CSS数值与单位：
长度和尺寸：
像素（px）：其为绝对单位，这是最常用的
em:1em的计算值默认为16px，其为相对单位
rem(root em):和em以同样的方式工作，但它总是等于默认基础字体大小的尺寸，继承的字体大小将不起作用。
无单位的值:
无单位的行高：行高如果没有单位，那么：行高=文字大小*行高值。
百分数:百分数同样也是以默认的字体大小作为参照。
颜色的单位设置：
颜色关键字：也就是相应颜色的英文单词，例如green,blue,black。
十六进制数：颜色通过6个十六进制数来表示，每两个为一对，分别表示红、绿、蓝三种颜色的浓度(这样一对数的取值就是0到ff).
RGB：通过rRGB(）函数，分别表示红、绿、蓝三种颜色的浓度，并且每个数是十进制，取值为0到255. - CSS样式类型：CSS的样式类型分成三种：
内联式：也就是直接通过标签的style属性进行设置
<标签名 style="属性名1：属性值；属性名2：属性值……">内容</标签名>
内嵌式：写在头部
<style type="text/css">
标签名（选择器）
{
属性名1：属性值；
属性名2：属性值；
……
}
</style>
外联式：也就是单独写CSS文件，然后通过link标签将html文件和css文件链接起来，一般采用的是这种方法，灵活度高。 例如：HTML文件：
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="main.css" rel="stylesheet"/>//注意这里是相对路径或者绝对路径
</head>
<body>
<span class="G">G</span>
<span class="o1">o</span>
<span class="o2">o</span>
<span class="g">g</span>
<span class="l">l</span>
<span class="e">e</span>
</body>
</html>
相应的CSS文件为：
span{
font-size:20px;
}
.G{
color:blue;
}
.o1{
color:red;
}
.o2{
orange;
}
.g
{
color:blue;
}
.l{
color:green;
}
.e{
color:red;
}
- 区块模型： padding(内边距）：padding-top,padding-right,padding-bottom,padding-left。
border(边框）：border:border-width||border-style||border-color。
margin(外边距)：与padding类似，包括margin-top,margin-right,margin-bottom,margin-left。
高级的框操作：overflow属性，取值包括auto,hidden,visible。
css框类型：
display属性：displsy:inline(将块级元素转化为行内元素）
display：block(将行内元素转化为块级元素）
display：inline-block（合并块级元素和行内元素的特点） 块级元素也就是单独成行，可以设置宽度和高度等，但是行内元素不可以单独成行，并且不可以设置宽度和高度等。
3471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
