建站
咨詢
售后
建站咨詢
新聞中心
關(guān)于css中em和百分?jǐn)?shù)的區(qū)別
em是要依靠父元素的值來(lái)計(jì)算的
成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，先為成都等服務(wù)建站，成都等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為成都企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
1、字體計(jì)算公式依舊
1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
2、其它屬性的計(jì)算公式需要換成
1 ÷ 元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
1、瀏覽器的默認(rèn)字體大小是16px
2、如果元素自身沒(méi)有設(shè)置字體大小，那么元素自身上的所有屬性值如“boder、width、height、padding、margin、line-height”等值，我們都可以按下面的公式來(lái)計(jì)算
1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
3、這一種千萬(wàn)要慢慢理解，不然很容易與第二點(diǎn)混了。如果元素設(shè)置了字體大小，那么字體大小的轉(zhuǎn)換依舊按第二條公式計(jì)算，也就是下面的：
1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
那么元素設(shè)置了字體大小，此元素的其他屬性，如“border、width、height、padding、margin、line-height”計(jì)算就需要按照下面的公式來(lái)計(jì)算：
1 ÷ 元素自身的font-size × 需要轉(zhuǎn)換的像素值 = em值
這樣說(shuō)，不知道大家理解了整明白了沒(méi)有，如果沒(méi)有整明白，可以回過(guò)頭來(lái)看上面的一個(gè)實(shí)例。
推薦工具：
最簡(jiǎn)單的PX和EM轉(zhuǎn)換工具pxtoem.com
css的em元素怎么用
em 標(biāo)簽告訴瀏覽器把其中的文本表示為強(qiáng)調(diào)的內(nèi)容。對(duì)于所有瀏覽器來(lái)說(shuō)，這意味著要把這段文字用斜體來(lái)顯示。如下這個(gè)示例代碼：
大家都在用百度em知道/em交流知識(shí)。
在文本中加入強(qiáng)調(diào)也需要有技巧。如果強(qiáng)調(diào)太多，有些重要的短語(yǔ)就會(huì)被漏掉；如果強(qiáng)調(diào)太少，就無(wú)法真正突出重要的部分。這與調(diào)味品一樣，最好還是不要濫用強(qiáng)調(diào)。
盡管現(xiàn)在 em 標(biāo)簽修飾的內(nèi)容都是用斜體字來(lái)顯示，但這些內(nèi)容也具有更廣泛的含義，將來(lái)的某一天，瀏覽器也可能會(huì)使用其他的特殊效果來(lái)顯示強(qiáng)調(diào)的文本。如果你只想使用斜體字來(lái)顯示文本的話，請(qǐng)使用 i 標(biāo)簽。除此之外，文檔中還可以包括用來(lái)改變文本顯示的級(jí)聯(lián)樣式定義。
除強(qiáng)調(diào)之外，當(dāng)引入新的術(shù)語(yǔ)或在引用特定類型的術(shù)語(yǔ)或概念時(shí)作為固定樣式的時(shí)候，也可以考慮使用 em 標(biāo)簽。
css中em和顏色設(shè)置
2018.7.16
em,px,都為長(zhǎng)度單位，CSS直接設(shè)置就可以。
%不是一個(gè)長(zhǎng)度單位，比如2%就是一個(gè)完整的值，是一個(gè)整體，比如0.02是一個(gè)值，沒(méi)錯(cuò)，2%也同樣是值（出處：《css世界》）
注：有一個(gè)特殊情況需要注意，如果，p為span的父元素（如下情況）
css里設(shè)置為
p{font-size:14px}
span{font-size:0.8em;}
自然就會(huì)繼承父元素，然后再進(jìn)行子元素的獨(dú)特性，即（14*0.8=11.2px）以父元素的px為單位。
簡(jiǎn)寫：當(dāng)值為0px時(shí)，可以簡(jiǎn)寫為0。(如下圖所示)
顏色設(shè)置有 三種方法
第一種就是直接用英文名字（p{color:red;}）;第二種就是根據(jù)R(red)G(green)B(blue)顏色的比例來(lái)配色,每一項(xiàng)地值在0-255之間，也可以用百分比;（p{color:rgb(133,45,200);}）;第三種就是常用的，原理也是rgb設(shè)置，但是將255變成了十六進(jìn)制（p{color:#336699;}）
補(bǔ)充：background-color屬性接受任意合法的CSS顏色值，如預(yù)定義顏色名、十六進(jìn)制數(shù)值、RGB值、RGB百分比、RGBA值、HSL值、HSLA值（這些都是顏色設(shè)置的）
tips:1.十六進(jìn)制的如果每?jī)蓚€(gè)之間數(shù)字相同可以簡(jiǎn)寫成一個(gè)，如上面的p{color:#336699}為p{color:#369;}
2.RGB和我當(dāng)時(shí)學(xué)的美術(shù)的三原色相類似，美術(shù)三原色為紅黃藍(lán)。（三間色可以直接用三原色調(diào)出，紅黃為橙，紅藍(lán)為紫，黃藍(lán)為綠）
之前一直分不太清楚，今天試了一下，然后懂了。（如下圖）
margin為邊界，又可以叫做外邊框；padding為內(nèi)邊框，也為“填充”。
流動(dòng)模型為網(wǎng)頁(yè)的默認(rèn)模型，流動(dòng)模型的塊元素是自上而下，行元素是從左到右顯示。
模型移動(dòng)（以層模型中的元素為例）
向右移動(dòng)和向下移動(dòng)不是我想的right:XX;bottom:XX;
而是距離左邊XX,距離上面XX，距離原來(lái)的0，動(dòng)了XX那么多，自然就是向那里移動(dòng)了XX。（默認(rèn)位置為左上角）
另外，層模型使得元素塊移動(dòng)后，它移動(dòng)前的仍然保留。
CSS中px和em的區(qū)別？
px表示像素 (計(jì)算機(jī)屏幕上的一個(gè)點(diǎn)：1px = 1/96in)，是絕對(duì)單位，不會(huì)因?yàn)槠渌氐某叽缱兓兓?/p>
em表示相對(duì)于父元素的字體大小。em是相對(duì)單位 ，沒(méi)有一個(gè)固定的度量值，而是由其他元素尺寸來(lái)決定的相對(duì)值。
CSS是指層疊樣式表，層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。
CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
CSS是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言，被用于描述網(wǎng)頁(yè)上的信息格式化和現(xiàn)實(shí)的方式。CSS樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件。無(wú)論哪一種方式，樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時(shí)，樣式單規(guī)則被放置在一個(gè)帶有文件擴(kuò)展名_css的外部樣式單文檔中。
CSS代碼里em, strong,ul,這之類的都是什么意思啊？
em:
如果你說(shuō)的是標(biāo)簽,
表示強(qiáng)調(diào)文本內(nèi)容,
通常以斜體表示(目前一般不建議使用,
建議用css樣式實(shí)現(xiàn)),
如果是長(zhǎng)度單位,
它是一個(gè)相對(duì)單位,
表示相對(duì)于當(dāng)前元素內(nèi)文本高度的比例
strong:
表示重要文本,
通常用加粗的樣式(目前一般不建議使用,
建議用css樣式實(shí)現(xiàn))
ul:
Unordered
List,
無(wú)序列表,
還有一個(gè)對(duì)應(yīng)的ol(ordered
list,
就是有序列表)
網(wǎng)頁(yè)題目：cssem樣式,HTML css樣式
文章來(lái)源：http://fisionsoft.com.cn/article/hoscjd.html
