视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTMLCSS标签类型转换、样式重置、前段规范的详细介绍
2020-11-27 15:34:33 责编:小采
文档

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.内嵌元素不能嵌套块;

下载本文
显示全文
专题