码迷,mamicode.com
首页 > Web开发 > 详细

html css相对单位

时间:2016-06-12 12:19:40      阅读:1075      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

p{
background:grey;
color:white;
font-size:0.5in;
height:2em;

width:50%;
}

height:2em意思就是屏幕上显示的的高度为字号的2倍

font-size:0.5in;就是html的字号设置为0.5英寸,是绝对值

width:50% 宽度为浏览器的0.5

 

 

技术分享

 css相对长度也可以更为灵活的使用,比如width:calc(80% - 20px);

 

css角度的使用

.image_test_1, .image_test_5 {
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);

/*

 -o-transform: /* Opera浏览器 */

  -webkit-transform:  /* Webkit内核浏览器 */

  -moz-transform: /* Firefox浏览器 */

*/
}

 

html css相对单位

标签:

原文地址:http://www.cnblogs.com/hualuoshuijia/p/5576975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!