面试网> 面试题库 > IT面试题 > 干货来临:CSS面试26题附答案

干货来临:CSS面试26题附答案

面试网2019/12/2 14:22:260人围观
简介针对接下来很多应届生面临找工作面试的问题,小编将会总结一些前端面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说,我们开始吧。第1题:css有哪些版本? 有①css1;②css...

    针对接下来很多应届生面临找工作面试的问题,小编将会总结一些前端面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说,我们开始吧。

第1题:css有哪些版本?

    有①css1;②css 2;③css 2.1; ④css3;⑤ css 4

第2题:有多少种把css集成到网页里的办法?

    有三种办法:①inline;②External;③internal。

第3题:什么是css?

    Css是针对html元素的网络设计语言。它的出现大大的简化了设计流程和增强了网页的展示性。

第4题:External css的优点和缺点是什么?

    优点有:①一个网站可以管理多个样式文件。②多个网页可以共享一个或者多个样式文件。③可以应对样式文件特别复杂的情况。

    缺点有:①样式文件作为单独的文件,需要单独的下载。②样式文件作为单独文件需要被加载才能使用。③当样式比较小的时候,创建一个文件显得有点矫枉过正。

第5题,讨论一下嵌入式样式的好处和坏处?

    好处有:①样式跟元素合用一个文件。②可以使用or和group methods。③不需要单独下载。

    坏处有:①其他的元素文件无法分享这些样式。

第6题:什么是css Box model, 它有哪些元素?

    Box定义了样式的设计和布局。它有如下元素:①Margin;②Border;③Padding;④Content。

第7题:position的值?

    static(默认):按照正常文档流进行排列;

    relative(相对定位):不脱离文档流,参考自身静态位置通过 top, bottom, left, right 定位;

    absolute(绝对定位):参考距其最近一个不为static的父级元素通过    top, bottom, left, right 定位;

    fixed(固定定位):所固定的参照对像是可视窗口。

第8题:css sprites的好处是什么?

    Css sprites的好处就是把很多个小的图片文件,合成一个大的图片文件,在网络传输中,把多个请求变成一个请求,从而加快加载的速度。

第9题:有哪些media types?

    all, aural, braille, embossed, print, projection, handheld, tv, screen.

第10题:什么是pseudo元素?

    结合or使用,用于对选中的元素的某一部分进行样式变化。

    比如,它可以对第1个字母, 第1行,或者第1个元素进行一些样式变化。还可以添加一些内容。

第11题:Class or的用处是什么?

    在样式定义中,class前面会有一个点,它的名字可以包含减号, 下划线, 大小写字母和数字。在使用的时候,在元素中用class属性。

第12题:列举一下fonts的属性。

    Fonts的属性包括font style, font variant , fomt weight, font size, line height, font family, caption, icon.

第13题:Css是大小写敏感的吗?

    在有xhtml DOCtype的情况下, Css是大小写敏感的。

    在Html 4.01中, css不是大小写敏感的,除了class names,Font families, Image urls 等等。

第14题:Logical tags和physical tags的区别是什么?

    Physical tag是为了指定特定的字符是如何格式化的。Logical tag是为了强化某些文字。

    Physical tag, 被认为是展示型的标记。Logical tag不会被显示。

    physical tag更新。Logical tag是老古董。

第14题:区分一下style sheet跟html。

    Html是定义了数据部分的结构。Style sheet是定义这些数据如何展示出来.

第15题:什么是rule set?

    Rule set就是对一个元素进行样式定义的集合。它有两个部分,一个是or, 一个是样式集合。

第16题:Css的优势有哪些?

    ①提供了样式变换的灵活性。②容易维护。③允许数据和样式的分离。④加载网页更快了。⑤多种设备的兼容性很强。⑥提高了浏览器的适应性。

第17题:有哪三种sectors?

    ①Tag;②Class;③ID;

第18题:说几个pseudo元素。

    First line, first letter, ion, after, before.

第19题:说几个pseudo class。

    hover, active, first child, last child, nth child.

第20题:display有哪些值?说明他们的作用?

    inline(默认)--内联

    none--隐藏

    block--块显示

    table--表格显示

    list-item--项目列表

    inline-block -- 行内块

第21题:!Important是做什么用的?

    这个标记是用来重写已经存在的样式。用的时候一定要小心.

第22题:Flex box, grid box的区别是什么?

    这两个都是非常好的布局设计工具。

    Flex box相对来说更简单,它可以对横向和纵向的内容进行排列。

    Grid box倾向于对双向也就是横向和纵向内容同时进行兼顾。

第23题:变量是做什么用的?

    变量可以用来定义类似颜色,字体,字体大小,一些坐标等可以重用的数值。

第24题:什么是functions或者mixins?

    Mixins提供了一种动态机制,可以根据输入的参数来设定不同的样式。

第25题:什么是universal or?

    Universal or匹配的是任何一个元素类型。

第26题:请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?

    该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。

    在传统的布局方式中,block 布局是把块在垂直方向从上到下依次排列的;而 inline 布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制,可以由开发人员自由操作。

    试用场景:弹性布局适合于移动前端开发,在Android和ios上也完美支持。

最新信息

  • 28道Nodejs面试题,看看能错几道?

    小编在此总结一下Nodejs常见的面试题,希望对面试的小伙伴有帮助。第1题:什么是nodejs?我们在哪里使用它? Nodejs是服务器端的一门技术。它是基于Google V8 JavaScri...

  • 技术干货:ASP.net mvc面试32题附答案

    今天,小编将会总结一些ASP.net mvc的面试题跟大家分享。希望能帮助到即将进入职场的同学们。第1题:什么是ASP.net mvc? 这是一个网络应用的开发框架。轻量型的,很容易测试的一个框...

  • 技术干货:Micro services面试24题附答案

    今天,小编将会总结一些Micro services的面试题跟大家分享。希望能帮助到即将进入职场的同学们。第一题:解释一下Micro services的架构。 Micro services架构设置...

  • 干货来临:C语言面试54题附答案

    针对接下来很多应届生面临找工作面试的问题,小编将会总结一些C语言面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说,我们开始吧。第1题:c语言有哪些核心的特征? 可移植性很强。...

  • 干货来临:CSS面试26题附答案

    针对接下来很多应届生面临找工作面试的问题,小编将会总结一些前端面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说,我们开始吧。第1题:css有哪些版本? 有①css1;②css...

  • Golang面试宝典:这40道题一定要会!

    Go 是一个开源的编程语言,它能让构造简单、可靠且高效的软件变得容易。 Go是从2007年末由Robert Griesemer, Rob Pike, Ken Thompson主持开发,后来还加入...

标签列表