css中em和顏色設(shè)置

2018.7.16

創(chuàng)新互聯(lián)云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過(guò)13年的服務(wù)器租用、西部信息服務(wù)器托管、云服務(wù)器、虛擬主機(jī)、網(wǎng)站系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)，已先后獲得國(guó)家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專(zhuān)業(yè)提供云主機(jī)、虛擬主機(jī)、申請(qǐng)域名、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

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)寫(xiě)：當(dāng)值為0px時(shí)，可以簡(jiǎn)寫(xiě)為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)寫(xiě)成一個(gè)，如上面的p{color:#336699}為p{color:#369;}

2.RGB和我當(dāng)時(shí)學(xué)的美術(shù)的三原色相類(lèi)似，美術(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的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ǔ)或在引用特定類(lèi)型的術(shù)語(yǔ)或概念時(shí)作為固定樣式的時(shí)候，也可以考慮使用 em 標(biāo)簽。

CSS代碼里em, strong,ul,這之類(lèi)的都是什么意思啊？

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,

就是有序列表)

CSS中的em運(yùn)用詳解，1em等于多少像素

1em并不是固定等于多少像素的，是根據(jù)元素的字體大小而定，如果是等寬字體，1em就是1個(gè)字符的寬度，如果是比例字體（只有英文字體才有）則1em等于英文大寫(xiě)字母“M”的寬度。操作方法如下：

1、首先新建一個(gè)html和css文檔。

2、chrome默認(rèn)是16px大小。

3、1em就是繼承父元素不變。

4、2em這里就是32px。

5、1rem在這里也是16px，因?yàn)闉g覽器默認(rèn)16px。

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)用到指定類(lèi)型的元素的規(guī)則。外部使用時(shí)，樣式單規(guī)則被放置在一個(gè)帶有文件擴(kuò)展名_css的外部樣式單文檔中。