随笔分类 - HTML相关
html相关知识点
发表于 2021-12-29 09:03阅读：154评论：0推荐：0
摘要：行内非替换元素的注意点（padding、margin和border） 1.以下属性对行内非替换元素不生效 width和height； margin-top和margin-bottom（左右margin是可以正常生效的）； 2.以下属性对行内非替换元素的效果比较特殊 padding-top和paddi
阅读全文 »
发表于 2021-12-23 16:30阅读：619评论：0推荐：0
摘要：深入了解标准流以及脱标元素的特点 1.标准流（Normal Flow） 默认情况下，元素都是按照normal flow（标准流、常规流、正常流、文档流）进行排布的。 排布顺序：在浏览器中从左到右，从上到下顺序摆放； 默认情况下，元素互相之间不存在层叠现象； 2.什么情况下元素会脱标？ 脱离标准流（简
阅读全文 »
发表于 2021-12-22 17:42阅读：647评论：0推荐：0
摘要：HTML行内级元素之间的空格问题 1.为什么元素之间会产生空格？ 在编写**行内级元素（包括inline-block元素）**的代码之间如果有空格（换行），在浏览器上就会显示元素之间有空格。 示例代码如下： .box span { background-color: red; } <div clas
阅读全文 »
发表于 2021-12-22 09:54阅读：295评论：0推荐：0
摘要：HTML元素类型总结 1.块级、行内级元素 根据元素的显示（能不能在同一行显示）类型，HTML元素可以分为块级和行内级两大类。 （1）块级元素（block-level elements）： 特点：独占父元素一行； 例如：div、p、pre、h1~h6、ul、ol、li、dl、dt、dd、table、
阅读全文 »
