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;   溢出加滚动条,不溢出不加

 

转载于:https://www.cnblogs.com/jeasonzuo/p/6364509.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值