美文网首页
div和span标签

div和span标签

作者: Wj_adff | 来源:发表于2019-04-28 16:33 被阅读0次

什么是div

作用:一般用于配合css完成网页的布局

什么是span

作用:一般用于配合css修改局部的信息

div和span的区别

div是块级元素会独占一行(容器级标签)

span是行内元素不会独占一行(文本级标签)

容器级标签可以窃套其他标签

文本级标签之能窃套文字/超链接/图片

容器级标签:div   ul  li   h ....

文本级标签: span  p  a ....

css元素显示模式

在HTML中,HTML将所有的标签分为两类,分别是容器级和文本级

在CSS中CSS也将标签分为三类,分别是行内元素、块级元素和行内块级元素

1、块级元素:div / h / p /ul

会独占一行、可以设置宽高/  如果没有设置宽度,默认和父元素一样宽

2、行内元素:span / a

不会独占一行、不可以设置宽高/ 如果没有设置宽度,默认和内容一样宽

3、行内块级元素:img/

不会独占一行、可以设置宽高

css元素显示模式转换

格式:     display:;

取值:     block   块级元素

                inline   行内元素

                inline-block  行内块级元素

相关文章

  • CSS的显示模式

    1 div和span标签 1 div标签的作用是什么2 span标签的作用是什么3 div和span有什么区别4 ...

  • html

    块级标签

    div和span是非常重要的标签,div的语义是division“分割”; s...

  • 3-HTML标签(2)

    一、div和span div和span是非常重要的标签,div的语义是division“分割”; span的语义就...

  • CSS显示模式

    div 和 span 标签 div标签:配合CSS完成网页的基本布局,设置样式 span标签:配合CSS来修改网页...

  • div与span的区别

    理解div与span的区别: div和span是非常重要的标签,div的语义是division“分割”; span...

  • CSS学习笔记(四)

    一、div 和 span 标签 1、div 标签一般用于配合css完成网页中基本布局 2、span标签一般用于配...

  • div和span标签

    1.什么是div?作用: 一般用于配合css完成网页的基本布局 2.什么是span?作用: 一般用于配合css修改...

  • div和span标签

    什么是div 作用:一般用于配合css完成网页的布局 什么是span 作用:一般用于配合css修改局部的信息 di...

  • HTML基础标签

    文本标签 div和span标签 和 是没有语义的,它们就是一个盒子,用来装内容的。div是块元素,span是行...

  • 05-CSS显示模式

    div和span标签 什么是div标签?一般用于配合css完成网页的基本布局 什么是span标签?一般用于配合cs...

网友评论

      本文标题:div和span标签

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