Css怎么設(shè)置顏色和長(zhǎng)度

這篇文章主要為大家展示了“Css怎么設(shè)置顏色和長(zhǎng)度”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Css怎么設(shè)置顏色和長(zhǎng)度”這篇文章吧。

設(shè)置顏色的方法也有很多種：

英文命令顏色，p{color:red;}

RG顏色，p{color:rgb(133,45,200);} 和 p{color:rgb(20%,33%,25%);}

十六進(jìn)制顏色， 這種顏色設(shè)置方法是現(xiàn)在比較普遍使用的方法，其原理其實(shí)也是 RGB 設(shè)置，但是其每一項(xiàng)的值由 0-255 變成了十六進(jìn)制 00-ff。p{color:#00ffff;}(當(dāng)你設(shè)置的顏色是 16 進(jìn)制的色彩值時(shí)，如果每?jī)晌坏闹迪嗤?，可以縮寫一半，#0ff)RGB 配色表參考 RGB顏色對(duì)照表 - 在線工具 - 開源中國(guó) 或者 RGB 配色表長(zhǎng)度單位總結(jié)一下，目前比較常用到px（像素）、em、% 百分比，要注意其實(shí)這三種單位都是相對(duì)單位。

像素

em，就是本元素給定字體的 font-size 值

% 百分比

設(shè)置小技巧

水平居中設(shè)置

行內(nèi)元素。如果被設(shè)置元素為文本、圖片等行內(nèi)元素時(shí)，水平居中是通過(guò)給父元素設(shè)置 text-align:center來(lái)實(shí)現(xiàn)的。

定寬塊狀元素(塊狀元素的寬度 width 為固定值)。滿足定寬和塊狀兩個(gè)條件的元素是可以通過(guò)設(shè)置“左右 margin”值為 auto 來(lái)實(shí)現(xiàn)居中的。

不定寬塊狀元素。

加入 table 標(biāo)簽(包括 <tbody>、<tr>、<td>)，為這個(gè) table 設(shè)置“左右 margin 居中”

設(shè)置 display: inline方法：與第一種類似，顯示類型設(shè)為 行內(nèi)元素，然后使用 text-align:center來(lái)實(shí)現(xiàn)居中效果，進(jìn)行不定寬元素的屬性設(shè)置。

給父元素設(shè)置 float 和 position:relative; left:50%，子元素設(shè)置 position:relative 和left: -50% 來(lái)實(shí)現(xiàn)水平居中。

垂直居中設(shè)置

父元素高度確定的單行文本。通過(guò)設(shè)置父元素的 height 和 line-height 高度一致來(lái)實(shí)現(xiàn)的。(height: 該元素的高度；line-height: 顧名思義，行高（行間距），指在文本中，行與行之間的 基線間的距離 )。

父元素高度確定的多行文本。使用插入 table (包括 tbody、tr、td)標(biāo)簽，同時(shí)設(shè)置 vertical-align：middle。

另外，為元素設(shè)置以下兩個(gè)屬性之一會(huì)隱形改變 display 類型，元素的display顯示類型就會(huì)自動(dòng)變?yōu)橐?/span>display:inline-block（塊狀元素）的方式顯示，當(dāng)然就可以設(shè)置元素的 width 和 height 了，且默認(rèn)寬度不占滿父元素。

position: absolute

float: left 或 float:right

以上是“Css怎么設(shè)置顏色和長(zhǎng)度”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！