html css分别是什么单位,CSS的deg是什么单位？

deg是CSS中的一个角度单位，表示度(Degress)，一个圆共360度。下面本篇文章就来给大家简单介绍一下，希望对大家有所帮助。

在CSS中角度单位有：度(deg)、梯度(grad)、弧度(rad)。无论如何声明，这些值都会解释为0~360范围内的度数。如：-90deg=270deg。

各角度值之间的转换：90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

度(deg)单位的兼容性

示例：

css 边框阴影--filter:drop-shadow()

div {

margin: 30px;

width: 200px;

height: 100px;

background-color: yellow;

/* Rotate div */

transform: rotate(90deg);

-ms-transform: rotate(90deg);

/* Internet Explorer */

-moz-transform: rotate(90deg);

/* Firefox */

-webkit-transform: rotate(90deg);

/* Safari 和 Chrome */

-o-transform: rotate(90deg);

/* Opera */

line-height: 100px;

text-align: center;

}

Hello World

运行结果：

初始：

翻转后：

结果分析：

1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。

2、当角度为正值时，顺时针旋转。

3、当角度为负值时，逆时针旋转。

html css分别是什么单位,CSS的deg是什么单位？相关推荐

css font size 单位,css中font-size的单位总结：px、em、pt
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是 ...
CSS（一）：CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性；CSS选择器；尺寸和颜色单位、背景和文本设置
目录一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...
css移动端页面单位,移动端web开发PX单位问题
在页面开发过程中,对于设计给的设计稿,一般的PC页面开发的时候,很简单,使用px为单位,给多少px就标注多少.但是到了移动端的web开发,一般标注的单位是dp,这对于css里面px单位就需要转换一下了 ...
css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合
编辑 | web前端开发来源 | web前端开发我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...
第四章css总结,第四章CSS层叠样式表分析.doc
第四章CSS层叠样式表分析第章CSS层叠样式表CSS的" " color=" ">这样的标签以及与标签搭配的显示属性(如"background ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...
dw在html中删除css样式表,DW里CSS的详细介绍
单击"确定". 类型属性 [定义 CSS 类型属性]使用"CSS 样式定义"对话框中的"类型"类别能够定义 CSS 样式的基本字体和类 ...
Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）
一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的 ...
HTML CSS是什么？HTML CSS你了解多少？
码字不易,转载请务必注明原文出处. 不断学习,后期的新增笔记会继续加到文章上方点击链接后退页面: 回到上一个网页 --修改placeholder提示的样式: 1.除IE外通用写法类名或标签名::p ...
【HTML CSS】笔记2日 CSS基础
1. CSS引入方式 1.1. 行内样式(内联样式) <标签名 style="属性1:属性值1; 属性2:属性值2;"> 内容 </标签名> style 其 ...

html css分别是什么单位,CSS的deg是什么单位？

html css分别是什么单位,CSS的deg是什么单位？相关推荐

最新文章

热门文章