CSS的deg是什么单位?

更新日期: 2019-08-28 阅读: 8.4k 标签: 单位

deg是css中的一个角度单位,表示度(Degress),一个圆共360度。在CSS中角度单位有:度(deg)、梯度(grad)、弧度(rad)。无论如何声明,这些值都会解释为0~360范围内的度数。如:-90deg=270deg。


各角度值之间的转换:

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad


示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>css 边框阴影--filter:drop-shadow()</title>
		<style>
			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;
			}
		</style>

	</head>

	<body>
		<div>
			<p>Hello World</p>
		</div>
	</body>

</html>


结果分析:

1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。
2、当角度为正值时,顺时针旋转。
3、当角度为负值时,逆时针旋转。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/7901

相关推荐

字体,字号与尺寸对应表

了解字体的一样常识,不管做一份文档编辑还是网页开发,都是很有必要的。整齐划一,井然有序才终是大家之道。在文档编辑中,我们常用的是宋体,小四号字,新罗马字体,字母和数字用的是Arial字体,段落首行缩进2个字体,采用多倍行距中的1.25倍行距。

常用长度单位PX/EM/PT/百分比转换公式与对照表

PX、PT、EM、ex和in等都是我们常用的长度单位,尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗?这里为大家找到了一个px、pt、em和percent大小转换的一个表格

html中1pt等于多少px?

在印刷排版中,point是一个绝对值,它等于1/72英寸,可以用尺子丈量的,物理的英寸。但是在css中pt含义却并非如此。因为我们的显示器被分割为了一个个的像素,单个像素只能有一种颜色,要在屏幕上显示

px是什么单位?

px是pixel的缩写,是像素单位,也是为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“画像元素”之意,有时亦被称为pel(picture element)

CSS单位之pt和px的区别是什么?

字体大小的设置单位,常用的有几种:px、pt、em、rem等等。那么px和pt之间有什么区别呢?下面本篇文章就来给大家介绍一下px和pt区别,希望对大家有所帮助。

CSS角度单位:deg、grad、rad、turn

度(Degress)。一个圆共360度;梯度(Gradians)。一个圆共400梯度;弧度(Radians)。一个圆共2π弧度;转、圈(Turns)。一个圆共1圈

CSS尺寸单位

前端开发过程中,尺寸单位是我们必须用到的,下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍 在这之前,需要先对几个概念进行普及介绍

css中mm单位是什么?

mm代表毫米(Millimeter),又称公厘(或公釐),是长度单位和降雨量单位。1mm相当于1m的一千分之一(此即为毫的字义).10毫米相当于1厘米,100毫米相当于1分米,1000毫米相当于1米。

理解并使用CSS3中的单位rem vh vw vmin vmax

rem vh vw vmin vmax做为CSS3中的新单位,对CSS3的单位的使用了解是非常重要的,也许你会遇到一个问题可以通过css的这些单位得到解决,同时对于rem,vh和vw,百分比等都是我们做自适应网站常用的方法。

CSS3单位

像 px、rem、em、% 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位。CSS3 又引入了新单位:vw、vh、vmin、vmax。下面对它们做个详细介绍。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!