IT入门 > 面试题 >

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

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

Float定位的工作原理

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

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

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

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

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

.base64 的原理及优缺点

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

CSS3 动画（简单动画的实现，如旋转等）

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

CSS 在性能优化

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

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

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

css3 有哪些新特性

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

css sprite 是什么,有什么优缺点

概念：将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。 优点： 减少 HTTP 请求数，极大地提高页面加载速度。 增加图片信息重复度，提高压...