HTML+CSS基础
文章平均质量分 57
HTML+CSS基础知识总结
一只蒻蒻
一只不知名的前端爱好者
展开
-
【超详细】CSS水平居中+垂直居中+水平/垂直居中的方法总结
文章目录1.如何实现水平居中行内元素块级元素2.如何实现盒子垂直居中单行的行内元素多行的行内元素块级元素3.如何实现水平垂直居中已知高度和宽度的元素未知高度和宽度的元素1.如何实现水平居中行内元素1.首先看它的父元素是不是块级元素,如果是,则直接给父元素设置 text-align: center;2.如果不是,则先将其父元素设置为块级元素,再给父元素设置 text-align: center;块级元素方法1:margin1.如果盒子宽度给定,给其设置margin: 0 auto;(作用:使盒子原创 2021-02-21 15:00:09 · 145 阅读 · 0 评论 -
前端高频面试题:BFC是什么,怎么样形成BFC,BFC有什么作用?
BFC是什么,怎么样形成BFC,BFC有什么作用?BFC (Block Formatting Context) 是块级格式化上下文,是Web页面中盒模型布局的CSS渲染模式,是一个隔离的独立容器。怎样形成一个BFC?由以下之一创建:浮动:float元素除了none以外。绝对定位的元素非块级元素具有 display: inline-block,table-cell,flex等。块级元素具有overflow ,且值不是 visibleBFC用处清除浮动,给父元素添加overflow:hi原创 2021-02-20 17:56:44 · 374 阅读 · 0 评论 -
前端高频面试题:CSS为什么要清除浮动?如何清除浮动?
CSS为什么要清除浮动?如何清除浮动?由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。清除浮动的本质是清除浮动元素造成的影响,清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了。清除浮动的方法有:1.clear:both;在浮动元素末尾添加一个空的标签,这个标签必须为块级元素。然后将其设置clear:both,这样就可以清除浮动。**优点:**简单易懂,方便。**缺点:**添加了无意义原创 2021-02-20 17:55:33 · 289 阅读 · 0 评论 -
2021 HTML面试题(最新)不定时更新
HTML面试题DOCTYPE有什么作用?DOCTYPE声明一般位于文档的第一行,它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析,否则就以兼容模式进行解析。在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下,浏览器会以向后兼容的方式来模拟老式浏览器的行为,以保证一些老的网站的正确访问。标准模式(又称严格模式)与兼容模式(又称混杂模式)各有什么区别?在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下,浏览器会以原创 2021-02-02 12:04:50 · 4466 阅读 · 4 评论