以服务于中国广大创业者为己任,立志于做最好的创业网站。

标签云创业博客联系我们

导航菜单

html视频标签代码 短视频标签分类

  

  #概述   

  

  在HTML中,有很多元素(与:“HTML标记”相同),可以分为三类,即块级元素、内联元素(与:“内联元素”相同)和块级内联元素(与:“内联块元素”相同)。   

  

     

  

  你真的了解这些元素吗?   

  

  让我们来看看这三种元素的特点。   

  

  #块级元素。   

  

  一.特点   

  

  1.每个块级元素都从新的一行开始显示(块级元素只有一行)。   

  

  2.元素的宽度、高度、填充、边框和边距可以随意设置。   

  

  3.网页中块级元素占据的区域=内容区域内的填充和边框外的边距。   

  

  4.如果块级元素本身未设置宽度,则宽度=父元素宽度-元素的左右外边缘-元素的左右边框-元素的左右内边缘。   

  

  5.如果没有为块级元素设置填充和边框,则填充和边框的值为0。   

  

  6.如果没有为块级元素设置宽度和外部边距,则边距的值为0,宽度为100%(即与父元素的宽度一致)。   

  

  7.当设置了块级元素的宽度但未设置外边距时,左外边距的值为0。   

  

  8.当设置块级元素的宽度时,不设置填充和边框,同时设置margin: 0 auto,左右外边缘平均划分父元素的宽度-该元素宽度留下的空间。   

  

  9.块级内联元素不受父元素的行高及其垂直对齐的影响。   

  

  二.将非块级元素转换成块级元素的方法   

  

  1 .显示:块   

  

  2 .向左或向右浮动:   

  

  3 .位置:绝对或固定。   

  

  4.父元素使用display:flex,子元素成为块级元素。   

  

  三.常见块级元素   

  

  ,

...

,   

  

  #内嵌元素   

  

  一.特点   

  

  1.当父元素的宽度足够放下多个内联元素时,可以在一行中显示多个内联元素,否则,不能放下的内联元素将在新的一行中开始(多个内联元素将存储在一行中)。   

  

  2.内联元素的宽度和高度由元素的内容打开。   

  

  3.内联元素的宽度/高度/填充-顶部/边框-顶部/边距-顶部/边距-底部的设置无效。   

  

  4.如果未设置填充/边框/边距,则全部为0。   

  

  5.内联元素受父元素的行高及其垂直对齐的影响。   

  

  二.将非内联元素转换成内联元素的方法   

  

  使用display:inline。   

  

  三.常见内联元素   

  

  ,   

  

  ,,   

  

  #块级内联元素。   

  

  一.特点   

  

  1.当父元素足够宽,可以放下多个块级内联元素时,可以在一行中显示多个块级内联元素,否则,不能放下的块级内联元素将在新的一行中开始(多个块级内联元素将存储在一行中)。   

  

  2.块级内联元素的宽度、高度、填充、边框和边距可以随意设置。   

  

  3\.如果没有设置块级内联元素的宽度和高度,它们将被元素的内容扩展。   

  

  4.块级内联元素受父元素的行高及其垂直对齐方式的影响。   

  

  二.将非内联元素转换成内联元素的方法   

  

  使用display:inline内联块。   

  

  三.常见内联元素   

  

  * * *   

  

  网络前端的二叉查找树。   

  

  web前端有哪些js框架?   

  

  网页重构是如何工作的?   

  

  Webpack优化了构建速度。   

  

  Webpack优化了构建速度。