CSS权威指南阅读笔记第四章03

简介: CSS权威指南阅读笔记第四章03

角度

角度一般使用表示,即一个number后跟角度单位;主要有四个角度单位:

  • deg 度数 完整圆周360度
  • grad 百分度 完整的圆周是400百分度
  • rad 弧度 完整的圆周是2pai 近似于2.68
  • trun 圈数 一个完整的圆周是一圈;

时间、频率和位置

属性值为一段时间时,使用time表示,一个number后面跟s(秒)或ms(毫秒);最常用在过渡和动画效果中,用于定义持续时间或延迟时间;

另一种不常用的用于定义持续时间或延迟时间的单位是频率,是一个number后面跟Hz(赫兹)或kHz;

位置值用于指定图像在背景区域中的位置,使用postion(left,right,center,top/bottom等)表示;

相关文章
|
3月前
|
前端开发 JavaScript 开发者
理解CSS | 青训营笔记(3)
理解CSS | 青训营笔记(3)
35 0
|
3月前
|
机器学习/深度学习 编解码 前端开发
理解CSS | 青训营笔记(2)
理解CSS | 青训营笔记
36 0
|
3月前
|
前端开发 容器
理解CSS | 青训营笔记(1)
理解CSS | 青训营笔记
51 0
|
6月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
83 2
|
6月前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
66 1
|
6月前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
104 1
|
6月前
|
前端开发 JavaScript 容器
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
54 1
|
6月前
|
前端开发 JavaScript UED
CSS3选择器详解 前端开发入门笔记(六)
CSS3选择器详解 前端开发入门笔记(六)
78 1
|
6月前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
62 1
|
6月前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
37 0