Html学习杂记

html DTD
//用于XHTML 4.0 的严格型
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//用于XHTML 4.0 的过渡型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
//用于XHTML 1.0 的严格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//用于XHTML 1.0 的过渡型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
//用于XHTML 1.0 的框架集
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

1.css伪类
:link   
:visited
:hover
:active
active一般不必写 顺序是LVHA a:link可写为a

2.实体集
> &gt;
< &lt;
空格 &nbsp;
& &amp;
"" &quot;

3.尺寸的表示
(1)用px表示
(2)用xx%表示 块状元素不指定宽度,默认占满父元素宽度
(3)文字可用px和em表示 em是相对大小,是指其父元素的font-size

4.css画圆角
用border-radius

5.相对定位和绝对定位 相对于自己原来的位置
相对定位
position:relative;
top:20px;
left:50px;
绝对定位
相对与父元素的top,left.right,bottom
要求父元素有position属性,否则将依据父的父,直至body
position:absolute;
top:20px;
left:30px;
z-index表示浮动高度

6.position属性
static: 无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。
relative: 对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。
absolute: 对象脱离正常文档流,使用top,right,bottom,left等属性进行绝对定位。而其层叠通过z-index属性定义。
fixed: 对象脱离正常文档流,使用top,right,bottom,left等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。

7.overflow溢出
overflow:visable; 默认
overflow:hidden; 溢出部分隐藏
overflow:scroll;  加滚动条
overflow:auto;   溢出加滚动条,不溢出不加

 

posted @ 2017-02-04 11:35  北冥有鹏  阅读(132)  评论(0编辑  收藏  举报