您的位置:首页 > Web前端 > CSS

HTML CSS标签类型转换、样式重置 、前段规范

2017-03-14 18:37 447 查看
HTML CSS 基础 标签默认值样式重置:
(css reset)包含:
body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体
ol,ul,a,img等标签的默认值样式重置
用群组进行重置

标签基本特性和转换
块和内嵌的特性及区别:
内联,内嵌,行内属性标签:
1、默认同行可以继续跟同类型标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin和padding
5、代码换行被解析
快属性:
1、默认独占一行显示
2、没有宽度时,默认撑满一排

display:block;(显示为块)
display:inline; (显示为内嵌)

inline-block特性及应用
可以把inline-block理解为一行内的块。

特性:1、块在一行显示
2、行内属性标签支持宽高
3、没有宽度的时候内容撑开宽度
问题
1、代码换行被解析。
2、IE6/IE7不支持块属性标签的inline-block。

cursor指针光标类型:(规定要显示的光标的类型)
cursor:pointer|text|mave。。。
cursir.url(hand.cur),pointer:引入一张图片如果执行不了就执行

pointer
面试题(经典):
 ; ;表示空格
<abbr>缩写 title标签当鼠标移动到文本区,显示信息;
前对规范:
1.所有书写均在英文半角状态下的小写
2.id。class必须以字母开头
3.所有标签必须闭合
4.HTML标签代码缩进规范(1.增强可读性,减少后端出错的概率2.方便阅读与错误查写)
5.属性值必须带引号
6<!-- html注释 -->前后各加空格
7./* css注释 */
8.ul,li/ ol,li/ dl,dt,dd拥有父子级关系p标签不能套块属性标签,会被分段 js会出错,默认不会有其他的标签如div等
9.p,dt,h,标签里面不能嵌套块属性,标题里面只放标题文字
10.a标签不能嵌套a标签
11.内嵌元素不能嵌套块;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  标签 display cursor