IT入门 > 面试题 > css题库 >
  • css3 有哪些新特性

    2019/11/18 点击:333

    选择器 E:last-child 匹配父元素的最后一个子元素 E。 E:nth-child(n)匹配父元素的第 n 个子元素 E。 E:nth-last-child(n) CSS3 匹配父元素的倒数第 n 个子元素 E。 RGBA 回答此问题,面试官很可能继续

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

    2019/11/18 点击:805

    1.比例关系 相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例关系。如我使用 14px 的字体作为正文字号,那么其他部分的字体(如标题)就可以使用 141.5 =21px 的字体,或

  • CSS 在性能优化

    2019/11/18 点击:403

    - 内联首屏关键 CSS (Critical CSS) 内联 CSS 能够使浏览器开始页面渲染的时间提前,只将渲染首屏内容所需的关键 CSS 内联到 HTML 中 - 异步加载 - CSS 文件压缩 - 去除无用 CSS

  • CSS3 动画(简单动画的实现,如旋转等)

    2019/11/18 点击:343

    让一个 div 元素旋转 360 度示例 div 的样式结构: div { margin : 50 px auto ; width : 200 px ; height : 200 px ; background-color : pink ;} 设置旋转属性的类名: div .rotate { /* 旋转360度 */ transform : rotate ( 360 d

  • .base64 的原理及优缺点

    2019/11/18 点击:1596

    1.什么是 Base64 Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式,是从二进制数据到字符的过程。 原则上,计算机中所有内容都是二进制形式存储的,所以所有内容(包括

  • position 的值, relative 和 absolute 分别是相对于谁进

    2019/11/18 点击:346

    absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed (老 IE 不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。 relative 生

  • CSS 选择器的优先级是如何计算的?

    2019/11/18 点击:373

    a 表示是否使用内联样式(inline style)。如果使用, a 为 1,否则为 0。 b 表示 ID 选择器的数量。 c 表示类选择器、属性选择器和伪类选择器数量之和。 d 表示标签(类型)选择器和伪元

  • Float定位的工作原理

    2019/11/18 点击:675

    浮动(float)是 CSS 定位属性。浮动元素从网页的正常流动中移出,但是保持了部分的流动性,会影响其他元素的定位(比如文字会围绕着浮动元素)。这一点与绝对定位不同,绝对定位

  • 如何解决不同浏览器的样式兼容性问题?

    2019/11/18 点击:344

    - 在确定问题原因和有问题的浏览器后,使用单独的样式表,仅供出现问题的浏览器加载。这种方法需要使用服务器端渲染。 - 使用已经处理好此类问题的库,比如 Bootstrap。 - 使用 au

  • 除了screen你还能说出一个 @media 属性的例子吗?

    2019/11/18 点击:377

    - all 适用于所有设备。 - print 为了加载合适的文档到当前使用的可视窗口. 需要提前咨询 paged media(媒体屏幕尺寸), 以满足个别设备网页尺寸不匹配等问题。 - screen 主要适用于彩色的