妙味课堂 基础知识点 笔记

section  划分不同区域

nav  导航

<dl>　　

　　<dt>

　　<dd>

上为定义列表

时间有专有的标签<time>

span不支持宽高，因为他是行内元素。display：block

包含选择，可以是ID下的class下的class下的a，p等。

包含选择符，群组选择符，选择符的优先级。。。。

 

块 ：支持所有样式，不设宽度的时候，宽度撑满整行。<section><header><nav><footer><article><aside><ul><li><ol><dl 定义列表><dt 定义列表的项目><dd dt的展开描述> <h1> <p> <strong> <a href="#"> <em><span>

内嵌：不支持宽高，对上下的margin和paddin等样式支持有问题，宽度是内容撑开的。代码的换行会被解析出来，解析为一个字符的空格，宋体的情况下，空格字符占位大小为普通大小的一半。

display:block

display:inline

diplay:inline-block 的特征： 　　块元素在一行显示

　　　　　　　　　　　　　　　　内联元素支持宽高

　　　　　　　　　　　　　　　　没有宽度的时候内容撑开宽度  

例子：做一个翻页条

条中的1,2,3,4都是a链接，用diplay:inline-block

font：12px/20px "宋体"（复合样式）

清楚浮动方法：

1.加高度（扩展性差）

2.给父级加浮动（所有父级都要加浮动，，margine auto居中时效）

3..inline-block (margine auto居中时效 )

4.加空标签（问题太多）

5.<br>标签清浮动，和4问题一样，不符合工作中行为样式结构分离的要求。

6.用 after伪类来清浮动是最优雅的方式 

　　伪类在css里的样式：
　　　　.clearfix{

　　　　　　　　　　*zoom:1;

　　　　　　　　　　}

　　　　　.clearfix:after{

　　　　　　　　content:"";

　　　　　　　　display:block;

　　　　　　　　clear:both;

　　　　　　　　}

7.over flow:hidden 还有scroll（滚动条） 这也可以清除浮动。

相对定位的特征：
1.不会影响元素本身的特性

2.不会使元素脱离文档流

3.元素移动之后，原始位置会被保留

4.如果没有定位量，对元素本身无影响

5.提升层级

绝对定位的特征：

1.使元素完全脱离文档流，提升层级

2.使内嵌支持宽高

3.块属性标签内容撑开宽度

4.如果有定位父级，则相对父级发生偏移，没有则相对document定位

5.相对定位一般都是配合绝对定位使用的。

固定定位：

1.使块固定在可视区域内，与绝对定位基本一致，差别在于始终相对整个文档进行定位。不支持IE6.

 

透明度：

opacity：0~1          IE（6.7）中设置透明度的方法：filter：alpha（opacity=0~100）；

z-index 层级定位：

z-index：1 意思为提升一个层级，