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

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

面试题(经典):

  表示空格

缩写 title标签当鼠标移动到文本区,显示信息;

前对规范:

1.所有书写均在英文半角状态下的小写

2.id。class必须以字母开头

3.所有标签必须闭合

4.HTML标签代码缩进规范(1.增强可读性,减少后端出错的概率2.方便阅读与错误查写)

5.属性值必须带引号

6前后各加空格

7./* css注释 */

8.ul,li/ ol,li/ dl,dt,dd拥有父子级关系p标签不能套块属性标签,会被分段 js会出错,默认不会有其他的标签如div等

9.p,dt,h,标签里面不能嵌套块属性,标题里面只放标题文字

10.a标签不能嵌套a标签

11.内嵌元素不能嵌套块;

以上就是详解HTML CSS标签类型转换、样式重置 、前段规范的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2834886.html

(0)
上一篇 2025年3月9日 05:47:28
下一篇 2025年3月9日 05:47:39

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论