默认样式重置 css reset:但凡是浏览默认的样式,都不要使用
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;}
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
img{boeder:none;}
内联,内嵌,行内属性标签:
1默认同行可以继续跟同类型标签
2内容撑开宽度
3不支持宽高
4不支持上下的margin和padding
5代码换行被解析
a,img(inline-block一行内的块,支持宽高),span,strong,em
块属性标签:1默认独占一行显示
2没有宽度时,默认撑满一行
3支持所有的css命令
p,div,h,ol,ul,dl
display:块block,内嵌inline
inline-block:
1块在一行显示
2行内属性标签支持宽高
3没有宽度的时候内容撑开宽度
4换行被解析了(把div写得换行时,间隙中的 空格的大小是文字的一半)
IE67不支持块属性标签的inline-block
看不到的东西不一定不存在。
光标类型cursor:pointer,text,move
光标类型是一张图片:cursor:url(hand.cur),pointer(若是图片执行不了就会执行后面那个)
标准:
<p>哥写的不是HTML,是寂寞</p>
<p>我说:<br/>不要迷恋哥,哥只是一个传说</p>
最佳
<p>哥写的不是<abbr title="Hypertext Markup Language">HTML</abbr>,是寂寞</p>
<p><cite>我</cite>说:<br/><q>不要迷恋哥,哥只是一个传说</q></p>