CSS面试题-1

在网页中应该使用奇数还是偶数的字体?为什么呢?

偶数。

1.    文字在偶数的情况下,表现很好看

2.    是偶数字号容易和页面其他标签的其他属性形成比例关系


line-height和height有什么区别?

height:高度        line-height:行高

height就是盒子的高度,line-height是每一行文字的高度(高度值会随着内容发生变化)


css prite是什么?有什么优缺点

雪碧图 == 精灵图  => 把一堆小图标放在一张大图片上

优点:减少了http请求,做了性能上的优化

缺点:维护性、修改下较差


什么是CSS reset?

reset.css => 重置CSS的样式

HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。

css reset - 简书

Normalize.css: Make browsers render all elements more consistently.


用CSS画一个三角形


对BFC规范(块级格式化上下文:block formatting context)的理解?

BFC:块级格式化上下文。具有BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部

触发BFC的条件

·body根元素

·设置浮动,不包括none

·设置定位,absoulte或者fixed

·行内块显示模式,inline-block

·设置overflow,即hidden,auto,scroll 【重点】

·表格单元格,table-cell

·弹性布局,flex

BFC是什么?10 分钟讲透BFC 原理


position有哪些值?有什么作用?(有几种定位?分别是根据什么定位的)【特别多公司问】

static 默认 静态定位

relative  相对定位 

absolute  绝对定位

脱离标准流,不占位置

先找已经定位的父级,如果有这样的父级就以这个父级为参照物

有父级,但父级没有定位,以浏览器窗口为参照物进行定位

fixed  固定定位

相对于浏览器进行定位移动


absolute和relative的区别

relative不脱离文档流,absolute脱离文档流

relative只有两个值(left right top bottom 如果同时存在 ,left干掉right,top干掉bottom)

absolute可以写四个值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(cont...
    长城_changcheng阅读 995评论 0 14
  • 本文链接:https://blog.csdn.net/LongIvan/article/details/83832...
    townof1997阅读 384评论 0 0
  • 一、HTML 和 CSS 1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 2、每个 HTML 文件...
    chang_遇见缘阅读 454评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,878评论 1 45
  • web前端面试题分为:html/css面试题、javascript面试题、vue面试题、性能优化面试题、网络方面面...
    终身成长人格阅读 11,124评论 0 3

友情链接更多精彩内容