原来这是块级标签、行内标签

电脑信息 2022-11-24 设置问题 16 ℃
正文

1 块级元素

1-1特点

-独占一行行宽怎么设置,一行只能显示一个

-宽度默认是父元素的宽度行宽怎么设置,高度默认由内容撑开

-可以设置宽度

2 代表标签

div行宽怎么设置, p, h系列 ,ul ,li ,dl ,dt ,dd ,form, header·······

3-浏览器显示

3-1代码div显示为独占一行;宽度是body的宽度;

原来这是块级标签、行内标签

3-2其行宽怎么设置他的块标签在浏览器中的显示

原来这是块级标签、行内标签

3-3 添加了宽高后行宽怎么设置,能生效;

类选择器截图

原来这是块级标签、行内标签

展开全文

添加行宽怎么设置了类选择器的块级标签显示的内容;

原来这是块级标签、行内标签

总结,块级标签,可以独占一行,宽度是父级标签的100%,给予宽高时,可以显示出背景的宽高行宽怎么设置。

4 行内标钱

4-1显示特点

-一行可以显示多个

-宽度和高度默认有内容撑开

-不可以设置宽高

代码:

原来这是块级标签、行内标签

浏览器显示

原来这是块级标签、行内标签

4-2 行内标签对比

类选择截图

原来这是块级标签、行内标签

对比代码截图

原来这是块级标签、行内标签

浏览器显示截图:

原来这是块级标签、行内标签

浏览器显示不论加不加背景,行内块都是显示的不换行,背景颜色都在内容行内显示行宽怎么设置。

4-3参照对比

类选择截图

原来这是块级标签、行内标签

代码和浏览器显示对比

原来这是块级标签、行内标签

原来这是块级标签、行内标签

原来这是块级标签、行内标签

原来这是块级标签、行内标签

span标签是个行内标签,给他赋予了宽高也是在行内内容显示行宽怎么设置。

其他标签给予宽高会有相应的变化行宽怎么设置。

4-2代表标签

a,span,b,u,i,s,strong,ins,em,del,````

(仅为个人自学的一点点思考行宽怎么设置,如有错漏,欢迎留言指正)

本文TAG:

最新文章
热门文章
标签列表
Zen Cart 中文版