-
CSS3 动画（简单动画的实现，如旋转等）
2019/11/18 点击：362
让一个 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 点击：1643
1.什么是 Base64 Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。 原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括
-
position 的值， relative 和 absolute 分别是相对于谁进
2019/11/18 点击：362
absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老 IE 不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生
-
CSS 选择器的优先级是如何计算的？
2019/11/18 点击：402
a 表示是否使用内联样式（inline style）。如果使用， a 为 1，否则为 0。 b 表示 ID 选择器的数量。 c 表示类选择器、属性选择器和伪类选择器数量之和。 d 表示标签（类型）选择器和伪元
-
Float定位的工作原理
2019/11/18 点击：700
浮动（float）是 CSS 定位属性。浮动元素从网页的正常流动中移出，但是保持了部分的流动性，会影响其他元素的定位（比如文字会围绕着浮动元素）。这一点与绝对定位不同，绝对定位
-
如何解决不同浏览器的样式兼容性问题？
2019/11/18 点击：361
- 在确定问题原因和有问题的浏览器后，使用单独的样式表，仅供出现问题的浏览器加载。这种方法需要使用服务器端渲染。 - 使用已经处理好此类问题的库，比如 Bootstrap。 - 使用 au
-
除了screen你还能说出一个 @media 属性的例子吗？
2019/11/18 点击：397
- all 适用于所有设备。 - print 为了加载合适的文档到当前使用的可视窗口. 需要提前咨询 paged media（媒体屏幕尺寸）, 以满足个别设备网页尺寸不匹配等问题。 - screen 主要适用于彩色的
-
编写高效的 CSS 应该注意什么？
2019/11/18 点击：434
首先 ，浏览器从最右边的选择器，即关键选择器（key selector），向左依次匹配。根据关键选择器，浏览器从 DOM 中筛选出元素 然后 向上遍历被选元素的父元素，判断是否匹配。选择器
-
.对于你使用过的 CSS 预处理，说说喜欢和不喜欢
2019/11/18 点击：258
喜欢： - 提高 CSS 可维护性。- 易于编写嵌套选择器。- 引入变量，增添主题功能。可以在不同的项目中共享主题文件。- 通过混合（Mixins）生成重复的 CSS。- Less 用 JavaScript 实现，与 N
-
说说你对盒模型的理解， 浏览器怎么使用不同的
2019/11/18 点击：402
CSS 盒模型描述了以文档树中的元素而生成的矩形框，并根据排版模式进行布局。每个盒子都有一个内容区域（例如文本，图像等）以及周围可选的 padding 、 border 和 margin 区域。 CSS 盒模
