当前位置:首页 > 日记 > 正文

CSS属性的百分比分析

CSS属性的百分比分析
对CSS属性值的基数有一个清晰的理解是非常重要的。

The percentage of the CSS's attribute values is often an important thing to know about their cardinality.I had a special look at the CSS2.1 standard for W3C, which was arranged here:

百分比单位

乘以块边距的宽度,填充,左,右,文本缩进,宽度,最大宽度,最小宽度。

乘以块顶高度,底部,高度,最大高度,最小高度

包含块的概念不仅是地理上的解释为母元。如果是静态定位和相对定位,包块一般是父元素。但对绝对定位的元素的块,应该是最近的位置,祖先元素的绝对、相对、或固定,固定定位的元素,其包含块的视图(视图),你可以参考w3help。

乘以元素行高度的字体大小。

乘以垂直对齐的元素的行高

背景位置的百分比位置在水平方向和垂直方向设置两个值。如果使用百分比,则百分比比例将同时应用于元素和图像。例如,50% 50%将图像的(50%,50%)点与框(50%,50%)对齐,这相当于设置中心中心。相同的0% 0%相当于左上角,100% 100%相当于右下角。

字体大小的百分比字体大小的百分比应该乘以由元素继承的字体的大小,即父元素的字体大小。

其他字体单元现在正在讨论字体的大小,以及其他818个字体单元。它们中的一些可能在平时不被使用,但知道它们并无害处,有两个相对单位:

emmdash;mdash;相当于当前字体的高度,称为全身箱(EM平方)。如果你使用这个单元的字体大小,你应该乘以父元素的字体大小,字体大小属性以外,应乘以该元素的字体的大小。exmdash;mdash;字体中的x等效;高度;以下是绝对单位:

inmdash;mdash;英寸(英寸),相当于2.54cm.cmmdash;mdash;厘米(公分)。Mmmdash;mdash;毫米(毫米)。Ptmdash;mdash;LB(点)。1pt相当于1in 1 / 72.pcmdash;mdash;异食癖(异食癖)。1pc = 12pt。pxmdash;mdash;像素(像素单元)。1px = 0.75pt。

百分比继承

如果为一个元素设置了一个百分比,则后代元素继承了计算值:

复制代码代码如下所示:
P {字体大小:10px } P {线高度:120% } / 120% of'font-size ' /然后P子元素的值是线高度:相反线高度12px:120%。

相关文章

修改Dreamweaver编辑器的颜色样式(

修改Dreamweaver编辑器的颜色样式(

编辑器,修改,颜色,样式,代码,当你编写代码时,使用你喜欢的颜色是一件令人愉快的事,所以,如果你有和我一样的想法,你可以试着改变Dreamweaver的默认面貌。 这个代码在使用Dreamweaver颜色时是眼花缭乱的,不知道是什么原因引起的颜色代码的变化,只…

一种解决jsp中中文随机码接受问题

一种解决jsp中中文随机码接受问题

方法,中文,电脑软件,jsp,Tomcat的配置文件server.xml的发现: 复制代码代码如下所示: 8080协议1.1 maxthreads =150connectiontimeout =20000 redirectport =8443uriencoding =UTF-8/ > 看看有没有uriencoding =UTF-8…

你不在使用该方法的详细分析,利用PS

你不在使用该方法的详细分析,利用PS

错误,方法,图象,处理软件,详细,本教程是为诗者介绍用PS图象处理软件错误的9种方式。这9种方法应该注意。本教程非常实用。建议像你这样的朋友可以在你的教程中学习。 对于初学者来说,PS图象处理软件,经常有很多错误的方式使用,甚至一些旧的手…

HTML5实现的画布阴影效果实例

HTML5实现的画布阴影效果实例

阴影效果,实例,电脑软件,本文主要介绍了HTML5实现画布阴影效果的例子。 HTML5中画布阴影效果的实现 复制代码代码如下所示: 帆布夹演示 var VaR的图像纹理= null; 在window.onload =函数(){ VaR的画布document.getelementbyid(text_canvas ); con…

移动浏览器的视口参数(Web前端设计)

移动浏览器的视口参数(Web前端设计)

参数,视口,前端设计,移动浏览器,电脑软件,手机浏览器的网页在一个虚拟的窗口(视图),通常的虚拟窗口(视口)比宽屏幕,所以你不必挤每一页的一个小窗口(这不会损害手机浏览器页面优化布局,用户可以)通过平移和缩放视图page.shift不同部位 手机浏览器的…

烟花是一个可爱的波尔卡圆点框架。

烟花是一个可爱的波尔卡圆点框架。

框架,是一个,波尔卡,烟花,圆点,本教程是向朋友介绍烟花,制作可爱圆点花纹的方法。本教程比较简单,介绍也很详细。建议像你这样的朋友过来参考一下。 本教程是介绍朋友的烟花,制作可爱的圆点边界法。这个教程很好。推荐给你最喜欢的朋友。 结…

PHP数组的长度尺寸检测和计数功能

PHP数组的长度尺寸检测和计数功能

数组,检测,长度,尺寸,功能,本文介绍了PHP数组长度函数sizeof检测和计数使用。分享给你供你参考。以下是如下: PHP中的数组长度尺寸检测的作用下,有一个简单的例子: 复制代码如下:colorlist美元=阵列(苹果=红 回声数组的长度是:。计数($ colorli…

Dreamweaver制作基于WordPress的留

Dreamweaver制作基于WordPress的留

留言簿,电脑软件,Dreamweaver,WordPress,II,Dreamweaver构建WordPress留言板。 > 以前在DW教学Dreamweaver定制WordPress留言板教学的文章,已经成功地在前面的消息机制将固定界面,虽然消息机制,总也应该有回复信息的管理功能,并删除不需要的广…

PHP实现格式化文件数据大小显示的

PHP实现格式化文件数据大小显示的

格式化,文件,显示,数据,方法,本文介绍了php实现格式化文件数据格式大小的方法,供大家参考,具体分析如下: 有时我们需要在Web页面上显示文件的大小,或者显示其他数据的大小。 这个数字通常是从大跨度,如果单位是B可能有一点,如果1G的是107374182…

js是用常规替换来替换指定字符的。

js是用常规替换来替换指定字符的。

替换,字符,常规,电脑软件,js,定义和用法 替换()方法用于字符串中的一些字符替换一些字符,或替换的子字符串匹配一个正则表达式。 语法 Strinbject.replace(regexp,更换) 参数描述 正则表达式是必要的,该模式将取代RegExp对象指定。注意,如果值…

画家画出超真实的外国美女

画家画出超真实的外国美女

画出,画家,外国,真实,美女,本课程是介绍画家利用超真实的外国画画的一个过程,效果非常逼真。本教程有点难度,需要有人带着一定的画家基础学习。推荐给大家,像朋友一样学着去学。 在这个画家的教程中我们将学习一个国外现实的美容方法,人物画很…

美丽美女矢量图MM壁纸教程

美丽美女矢量图MM壁纸教程

壁纸,教程,矢量图,美丽,美女,本教程是介绍利用矢量图绘制MM壁纸的方法,蛮性感的,指南有点难,属于高级CDR教程,但是教程制作的效果非常漂亮,可以学习作者的思路和技巧,通过本教程好,一起学习。 在这个CDR教程中,我们将学习矢量MM法绘制的漂亮性感壁…