- 哪个属性能够控制元素的盒模型?
- 关系选择器中,哪个是相邻选择器,能匹配相邻的兄弟元素?
- 不能被子元素继承的属性有哪些?
- 与角度相关的单位有哪些?
- 请谈谈你对CSS定位的理解。
- z-index属性有什么作用?
- 如何用CSS让文本强制换行?
- 为元素设置哪个属性,能在文本下面添加一条红色的波浪线?
- 使用CSS属性white-space的哪个关键字可以保留HTML文档中的空格、换行和Tab制表符?
- vertical-align属性的默认值是什么关键字?
- CSS的哪个属性能够缩放背景图像?
- 把CSS3新增的background-size属性设为哪一个值,能在保持原图像的宽高比的前提下,缩放到能放进背景区的尺寸。
- 把CSS属性background-attachment设为哪一个值,能把背景图像附着到内容上,使得图像会随着内容一起滚动。
- 如何让CSS3动画实现无数次循环?
- transform属性包含哪些变形函数?
- IE支持哪些CSS属性级前缀?
- 在多列布局中,使用哪个属性可让元素跨列?
- 哪个属性能让伸缩容器中的子元素主轴对齐?
- 请描述一下Bootstrap。
- Bootstrap中的类前缀.col-xs-适用于哪种屏幕?
- CSS3中全新的特性有哪些?
- CSS3新增的属性有哪些?
- 请谈谈你对伪元素::before和::after中的content属性的理解。
- 如何用多种颜色设置方式把p元素中的文本设置为红色?
- 元素浮动的缺陷有哪些?
- 清除浮动的方法有哪些?
- 使用定位(position)属性的哪几个关键字可以让元素脱离正常流?
- 如何用多种方式CSS把一个宽和高都为100px的正方形变成圆形?
- border:none和border:0有哪些区别?
- CSS中的通用字体系列有哪些?
- 过渡(transition)的子属性有哪些?
- 媒体查询中的媒体特性有哪些?
- 在一条媒体查询中,可能包含的操作符有哪些?
- 在CSS中使用哪3个内容属性能够在元素前面自动插入递增的序号?
- CSS中的特殊性是指什么?
- !important有什么作用?
- 请说明相对长度单位vm、vh、vmax和vmin的作用。
- CSS中的属性值如果设为百分数,那么是如何计算的?
- 如果要用JavaScript中的setTimeout()函数来实现动画,那么执行函数的时间间隔设为几ms会比较合理?
- 将ul元素的默认样式设成无,可以改变哪三个属性?
- 如果要设置伸缩容器中子元素的显示顺序,可以用哪个属性实现?
- CSS指的是什么?
- 什么叫渐进增强?和优雅降级有哪些区别?
- 什么是CSS预处理器?
- CSS预处理器有哪些优缺点?
- 什么是盒模型?
- 什么是外边距塌陷?
- 当出现外边距塌陷时,外边距之间的计算方式是怎样的?
- 将元素的display属性设为inline-block后,能把多个元素排列在一行中,但元素之间会间隙,如何才能去除间隙?
- display:none与visibility:hidden都可隐藏元素,有何区别?
- 请罗列出你所知道的display属性的全部值,并简单说明一下它们的作用。
- 请谈谈你对BFC的理解?
- 什么是hasLayout,触发hasLayout后会带来什么样的后果?
- CSS中类选择器和ID选择器有哪些区别?
- 伪元素::before和:before有什么区别?
- 伪类:first-child与:first-of-type有什么区别?
- 链接有4种状态,包括未访问(:link)、已访问(:visited)、激活(:active)和悬停(:hover),声明的顺序是怎么样的?
- 用过calc()函数吗?它是什么,有什么作用?
- 在移动端,经常会做一屏的专题页面。如何设置元素的高度,使得页面的背景能铺满整个屏幕?
- 什么叫Web安全色?
- 在CSS中使用background:transparent与opacity:0有什么区别?
- 请说说你对元素浮动(float)的理解。
- 绝对定位(absolute)和浮动(float)有哪些异同?
- CSS中的@font-face有什么作用?
- 字体风格(font-style)有两个关键字,分别是italic和oblique,它们有什么区别?
- 请说下你对CSS中行高(line-height)的理解。
- 默认情况下,当img元素(即图像)和span元素(即文本)混排时,图像下方会留出几像素的空隙,这是为什么?
- 在CSS中,可以将line-height设置为纯数字或百分数,这两种赋值方式有何异同?
- 背景图像可以用Data URI描述,那什么是Data URI?
- 什么是CSS Sprite,它有何利弊?
- 设置了元素的过渡后,不能立刻看到效果,需要有触发条件。请列举可用的触发条件。
- CSS中的过渡与动画有哪些区别?
- 什么是设备像素比?
- 什么是响应式设计?
- 请谈谈你对CSS Hack的理解。
- 请谈谈你对定位布局的理解。
- 在移动端通常会用弹性布局,请简单介绍一下弹性布局。
- 为什么要重置浏览器中的HTML元素默认的CSS样式?
- 请谈谈你对Normalize.css的理解。
- Eric Meyer的Reset.css和现在流行的Normalize.css有什么区别?
- Sass和SCSS有哪些区别?
- 有没有想过制作一套自己的UI库?
- 如果要制作UI库需要考虑哪些方面?
- Bootstrap有哪些优势?
- 什么是前端框架?
- 除了Bootstrap,还听过或用过哪些其它前端框架?
- 用纯CSS实现一个三角形。
- 不使用CSS属性border,使用其它属性模拟边框。
- 如何用纯CSS的方式让超出容器宽度的文本自动替换为省略号?
- 请为div元素设计一个水平位移60px的动画(animation),要求持续时间为2s、循环无限次、有连贯性;在动画执行到一半时,水平位移30px。
- 如何用CSS3的媒体查询实现视口宽度大于360px而小于640px时,div元素的宽度变成30%?
- 请用多种方法实现等高布局,让页面中每列的高度相等。
- 如何实现一个圣杯布局?
- 在移动端使用伸缩盒,怎样才能实现伸缩容器内只显示一行文本,溢出的内容用省略号替换?
- 用CSS中的定位实现元素的水平居中。
- 用CSS中的表格盒类型(即把display属性设为表格相关的盒类型)实现元素的垂直居中。
- 用伸缩盒实现子元素的水平和垂直居中。
- 如何让一个浮动中的元素水平居中?
- 如何实现一个自适应的正方形?
- CSS3动画如何实现暂停?