css
文章平均质量分 63
banggan
这个作者很懒,什么都没留下…
展开
-
关于元素的定位详解
在Web前端中,元素的定位是必须掌握的,然后也是比较容易搞混淆的:positon包含以下值:1.absolute 绝对定位:相对位置为最近一级的非static定位的父元素;2.relative 相对定位:相对正常位置进行布局;3.fixed 固定定位:相对于浏览器窗口进行定位;4.static 没有定位:元素出现在正常的流中,absolute绝对定位:采用绝对定位,会脱离文档流,浮动起来,...原创 2018-07-10 12:31:10 · 663 阅读 · 0 评论 -
正常元素、浮动元素以及绝对定位元素的居中方式
一、元素的水平居中1、行内元素的水平居中利用父元素设置text-align:center; <div style="width: 200px; height: 100px;border: 1px solid;text-align:center;"> <span>行级元素垂直居中</span> </div> ...原创 2018-07-17 10:39:51 · 262 阅读 · 0 评论 -
关于BFC详解以及如何清除浮动
一、什么是BFC?IFC? BFC(Block Formatting Context)即“块级格式化上下文”, IFC(Inline Formatting Context)即行内格式化上下文。常规流(也称标准流、普通流)是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文,你可以把BFC想象成一个大箱子,箱子外边的元素将不与箱子内的元素产生作用。 BF...原创 2018-07-17 21:36:19 · 3904 阅读 · 1 评论 -
三栏布局的五种实现方式以及优缺点
假设高度已知,请写出三栏布局,左栏、右栏宽度300px,中间宽度自适应。 这道题本身的难度并不大,我们在布局页面的时候,写个三栏布局还是挺简单的。但是如果在面试的时候遇到这道题,就没有那么简单了。看似简单的一道题,想把它答好是不简单的。往往越简单的题越不好答。如果看到这题只想到了浮动和绝对定位,那这题你连及格都及格不...转载 2018-07-18 09:46:54 · 948 阅读 · 0 评论 -
关于图像格式jpg、gif、png、svg、bmp、WebP的区别以及应用场景
在某个公司的在线笔试中,遇到了这个问题,有点理不清,特来整理一次: 一、jpg格式 全名应该是JPEG。JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式JPEG文件支持交错。可以提高或降低 JPEG文件压缩的级别。但是,文件大小是以图像质量为代价的。压缩比率可以高达 100:1。(JPEG 格式可在 10...原创 2018-07-18 11:12:54 · 8584 阅读 · 1 评论 -
整理IE低版本浏览器的bug
IE6双倍距的问题问题: 当浮动元素设置margin边距时,边距会加倍。 解决方法:是给浮动元素加上display:inline属性IE6图片下方有空间隙问题:图片的下方默认的空隙 解决方案: 给img设置 display:block属性IE63像素偏移BUG问题:当浮动元素与非浮动元素相邻(注意这里的相邻可以是纵向的也可以是横向的)时,这个3像素的Bug就会出现,它...原创 2018-08-11 20:52:24 · 326 阅读 · 0 评论