css
文章平均质量分 58
老街一角
这个作者很懒,什么都没留下…
展开
-
浏览器兼容性问题
浏览器的一些兼容性解决方案在不同的浏览器中,浏览器的内核都是不相同的,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js引擎所以浏览器的兼容性问题一般是指:css兼容、js兼容一、css兼容性问题1. 不同浏览器的标签默认的margin和padding不同随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。可以通过设置全局样式来解决这个问题,这样所有的样式都会重置,初始值都会相同了。2.css3新属性,加浏览器前缀兼原创 2021-01-19 15:27:35 · 147 阅读 · 0 评论 -
两/三栏布局(圣杯双飞翼)
常见页面布局一、两栏布局,左边定宽,右边自适应左边左浮动,右边加overflow:hidden;变成BFC清除左侧浮动元素的影响 #left{ float: left; width: 200px; background: green;}#right{ overflow: hidden; background: red;}二、三栏布局,圣杯布局,双飞翼布局DOM结构<div id="header"></div><原创 2021-01-18 20:37:02 · 141 阅读 · 0 评论 -
元素居中的方法
如何让一个元素在父元素中上下居中?方法一:给父元素设置成弹性盒子,子元素横向居中,纵向居中.container{ background: pink; height: 200px; width: 200px; border: 1px solid #000000; display: flex; justify-content: center; align-items: center; } .box{原创 2021-01-18 19:45:17 · 112 阅读 · 0 评论 -
清除浮动
css中清除浮动的几种方式一、为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的为题1.比如,我给父盒子设置一个boder,内部放两个盒子一个big、一个small,未给big和small设置浮动,则他们会默认撑开父盒子2.如果给这两个盒子都加上了float属性的时候,底部的盒子就会顶上来,因为父盒子没设置高度,变成一条线,big和small已经浮动了小结:当父元素不给高度的时候,内部元素不浮动的时候会撑开,而浮动时父元素会变成一条线,所以这个时候就需要原创 2021-01-18 19:17:30 · 172 阅读 · 0 评论 -
css布局中的BFC问题
BFC问题了解BFC之前先了解一下边距重叠的问题边距重叠: 两个box如果都设置了边距,那么垂直方向上,两个box的边距会发生重叠,以绝对值大的那个为最终结果显示在页面上。有两种边距重叠的情况:1.父子关系的边距重叠父子关系,如果子元素设置了外边距,在没有把父元素变成BFC的情况下,父元素也会产生外边距。解决办法是给父元素添加一个 overflow:hidden,这样父元素就变为BFC,不会随子元素产生外边距2.同级兄弟关系的重叠同级元素在垂直方向上外边距会出现重叠现象,最原创 2021-01-18 12:00:40 · 272 阅读 · 0 评论 -
css和js盒模型
一、盒模型1.什么是盒模型?在HTML页面中,每一个元素都可以看做是一个盒子,而每个盒子都是由:内容区(content)、填充区(padding)、边框区(border),外边界区(margin)四部分组成的。2.盒模型的模式盒模型分为两种模式,分别是标准模式和怪异模式标准模式:一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)怪异模式:一个块的总宽度=width+margin(左右) (即width已经包含了padding和border值)3.标原创 2021-01-18 11:30:09 · 157 阅读 · 0 评论