Skip to content

Latest commit

 

History

History
103 lines (102 loc) · 11.2 KB

css.md

File metadata and controls

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

思维导图

CSS