美文网首页
原来这是块级标签、行内标签

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

作者: 九天懒猫 | 来源:发表于2022-11-18 23:28 被阅读0次

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,````

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

相关文章

  • H5笔记——CSS常见的标签类型

    CSS中,有以下几种标签类型:块级标签、行内标签、行内-块级标签。 块级标签 特点:1.独占一行的标签;2.能随时...

  • 居中

    水平居中 行内标签、行内块级标签直接设置 块级标签 垂直居中 三种标签一样

  • html常用标签02

    块级标签 行内标签 图像标签 . ps:单标签

  • 行内标签设置宽高的方法

    method①行内标签转换为块级标签,块级标签可以修改宽高 method②修改font-size,行内元素不能设置...

  • CSS学习笔记2 元素、行高、三大特性、背景

    1. 块级元素 和 行内元素 和 行内块元素 HTML标签一般分为块标签和行内标签两种类型,它们也称为块元素和行内...

  • HTML中块级元素和行内元素

    HTML标签CSS盒模型块级元素和行内元素的定义块级元素和行内元素的分类 1、 HTML标签 html标签定义: ...

  • HTML学习

    块级元素有 、 、 ,以及列表标签 、 、 、 、 、 行内元素有 、 、以及文本格式化标签 、 、 、 行内块元...

  • css基础03- 标签显示模式

    标签显示模式 HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素 块级元素 每个块元素通常都会...

  • css第二节第八天

    1、display属性样式 块级标签( - , , , , )独占行,行内标签( , , , , , , )共用...

  • web前端入门到实战:CSS 标签的分类,及显示模式

    标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。 一、块级元素(b...

网友评论

      本文标题:原来这是块级标签、行内标签

      本文链接:https://www.haomeiwen.com/subject/penvxdtx.html