首页专题 html用于设置页面元素

html用于设置页面元素

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于html用于设置页面元素内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在html用于设置页面元素相关知识领域提供全面立体的资料补充。同时还包含 h6、hack、hadoop 的知识内容，欢迎查阅！

html用于设置页面元素相关知识

css 父元素设置了min-height：100%, 子元素设置height:100%无效
今天在做一个后台系统的时候，整个框架是另一个同事搭建的，进到系统我个人的习惯是先会去看一遍整体的html代码结构，style文件里面html,body都同时设置了height: 100%，并且一路下来到目标盒子的父元素都进行了height：100%设置，而到了最近一层父元素的时候使用了min-height:100%。结果在子元素不脱离文档流的前提下，对子元素设置了100%，结果是子元素height:0;  通过google知道了 webkit（chrom/safari）bug。有最小高度的父盒子里面的子元素不能继承高度属性（https://bugs.webkit.org/show_bug.cgi?id=26559）作者：youngkuan链接：https://www.jianshu.com/p/164a134401ef
HTML块元素和行内元素
块元素在HTML中，一个标签也可以称为一个元素，在网页显示中可以独占一行展示的元素成为块元素，比如<p>标签或者<div>标签，THML入门阶段常见的块级元素主要有以下几个: 元素名说明 h1-h6 标题元素 p 段落元素 div 分区元素 hr 水平线元素 ol 有序列表 ul 无序列表行内元素在HTML中，行内元素与块元素恰恰相反，行内元素是可以与其他行内元素位于同一行的。入门阶段常见的块级元素主要有以下几个: 元素名 strong 加粗元素 em 斜体吧元素 sup 上标元素 sub 下标元
HTML中块元素与内联元素
对于html各种标签/元素，可以从块的层面做一个分类：要么是block(块元素)，要么是inline(内联元素)： block元素的特点：总是另起一行开始；高度，行高以及顶、底边距都可控制；宽度缺省是它所在容器的100%，除非设定一个宽度。 inline元素的特点：和其它元素都在一行上；高度，行高以及顶、底边距不可改变；
行内元素可以设置padding和margin吗
第一：行内元素与宽度宽度不起作用span {width:200px;}没有变化第二：行内元素与高度高度不起作用span{height:200px;}没用变化第三：行内元素与padding,marginspan{padding:200px;}影响左右，不影响上下 ,span包裹的文字左右位置改变，上下位置不变，但背景色会覆盖上面元素的内容行内元素（inline-block）的padding左右有效，但是由于设置padding上下不占页面空间，无法显示效果，所以无效。其margin-top和padding-bottom上下会合并，所以不建议使用。