css3
_仰望星空的你
这个作者很懒,什么都没留下…
展开
-
前端常见的面试题 —— css
主要总结前端面试题中关于css和css3的内容。常见的面试题有:1、分别说一下两种盒模型?盒模型其实就是浏览器把一个个标签都看一个形象中的盒子,那每个盒子(即标签)都会有内容(width,height),边框(border),以及内容和边框中间的缝隙(即内间距:padding),还有盒子与盒子之间的外间距(margin)。标准盒模型就是写起来比较方便,也更规范。盒模型分为标准盒模型和怪异盒模型(即IE模型)。box-sizing:content-box //标准盒模型box-siz.原创 2020-09-04 23:47:53 · 493 阅读 · 0 评论 -
css3动画详解 ——复习(笔记)
前言本文主要内容:过渡:transition2D 转换 transform3D 转换 transform动画:animation过渡:transitiontransition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画效果。补间动画:自动完成从起始状态到终止状态的的过渡。不用管中间的状态。帧动画:通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片。transition 包括以下属性:tr.原创 2020-09-11 21:52:27 · 340 阅读 · 0 评论 -
css3中calc()用法详解
之前在看到别的前端在项目中使用的一个样式,calc(),了解之后,我才知道,calc()其实就是自适应屏幕大小。calc其实是calculate 计算 的缩写形式。calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 “+”, “-”, “*”, “/” 运算;calc()函数使用标准的数学运算优先级规则;可以使用百分比、px、em、rem等原创 2021-03-29 10:33:55 · 898 阅读 · 0 评论