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.实体集
> >
< <
空格
& &
"" "
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; 溢出加滚动条,不溢出不加