HTML5篇
1.三种样式表
（1）内联样式：在html 元素中使用style属性
<p style = "clear:both;"></p>
（2）内部样式：在html头文件区域内用
<head>
<meta charset = 'utf-8'>
<style type="text/css">
#ld{
position:absolute;
width:200px;
height:200px;
left:50%;
}
</style>
</head>
（3）外部样式：使用外部CSS文件
<head>
<meta charset = 'utf-8'>
<link rel = "stylesheet" type = "text/css" href = "mystyle.css">
</head>
***CSS篇 ***
CSS(Cascading Style Sheets)层叠样式表
1.概念
CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
说人话，CSS就像一个化妆师给人化妆，CSS是给网页化妆把网页打扮的美美的。
2.语法
CSS主要由两个地方构成：
（1）选择器
（2）一条或多条声明（每条声明由一个属性和一个值组成，属性和值之间被冒号分开，声明以分号结束，{}括起）
eg.
/*css注释以 '/‘ + ’*'开始，'*'+'/'结束 */
p{
position:absolute;
width:200px;
height:200px;
left:50%;
}
上述p就是一个选择器，其后就是声明。
3.选择器
CSS选择器分为
（1）CSS 元素选择器
（2）CSS ID选择器
（3）CSS 类选择器
（4）CSS 属性选择器
（5）CSS 后代选择器
（6）CSS 子元素选择器
（7）CSS 相邻兄弟选择器
这里主要讲前四种，后三种不常用，有兴趣可以看看这个教程
W3school css
（1）CSS 元素选择器
顾名思义，CSS元素选择器就是选择文档的元素。
对于HTML类型的文档而言，选择器通常就是某个HTML的元素，比如p，h1，em，a，html等
（2）CSS ID选择器
ID选择器以一个#号开头，即# + ID名，中间不接空格
eg. #ld{font-weight: bold;}
注意：ID选择器，仅会使用一次，因为对每个元素而言，id有且唯一，不能重复，所以id选择器，不能对多个元素同时使用；
ID选择器不能结合使用，因为ID属性不允许以有空格分隔的词列表。
（3）CSS 类选择器
类选择器格式：.类名（即类名前有个点号）
eg. .ll{color:blue;}
（4）CSS 属性选择器
属性选择器可以根据元素的属性及属性值来选择元素。
eg.你希望所有 href 和 title 属性的 HTML 超链接的文本设置为蓝色
a[href][title]{color:blue;}
CSS 选择器的组合
（1）类选择器可以结合元素选择器来使用
希望只有段落显示为红色文本：
p.important {color:red;}
（2）多类选择器
把两个类选择器链接在一起，仅选择同时包含这些类名的元素
.importan.urgent {background:silver;}
class 中同时包含 importan和 urgent 的所有元素有一个银色的背景（与类名顺序无关）。
4.CSS 定位和浮动
1.静态定位：默认值。没有定位，元素出现在正常的流中（忽略top, bottom, left, right 或者z-index声明）。
2.绝对定位：相对于static定位以外的第一个父元素进行定位。脱离正常文档流，元素不会占据原来的位置。
3.相对定位：相对于其正常位置进行定位。无论是否进行移动，元素仍然占据原来的空间。
4.fixe（固定定位）：生成绝对定位的元素，相对于浏览器窗口进行定位。
注意：如果没有TRBL(top、right、bottom、left)，默认参照父级的原始点为原始点（父级不是必须设定position属性）。如果设定TRBL，相对于浏览器窗口进行定位。
5.浮动：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或者另一个浮动框的边框为止。浮动框也不在正常的文档流中。
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
