Css怎么設置顏色和長度

這篇文章主要為大家展示了“Css怎么設置顏色和長度”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Css怎么設置顏色和長度”這篇文章吧。

設置顏色的方法也有很多種：

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

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

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

像素

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

% 百分比

設置小技巧

水平居中設置

行內元素。如果被設置元素為文本、圖片等行內元素時，水平居中是通過給父元素設置 text-align:center來實現的。

定寬塊狀元素(塊狀元素的寬度 width 為固定值)。滿足定寬和塊狀兩個條件的元素是可以通過設置“左右 margin”值為 auto 來實現居中的。

不定寬塊狀元素。

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

設置 display: inline方法：與第一種類似，顯示類型設為 行內元素，然后使用 text-align:center來實現居中效果，進行不定寬元素的屬性設置。

給父元素設置 float 和 position:relative; left:50%，子元素設置 position:relative 和left: -50% 來實現水平居中。

垂直居中設置

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

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

另外，為元素設置以下兩個屬性之一會隱形改變 display 類型，元素的display顯示類型就會自動變為以display:inline-block（塊狀元素）的方式顯示，當然就可以設置元素的 width 和 height 了，且默認寬度不占滿父元素。

position: absolute

float: left 或 float:right

以上是“Css怎么設置顏色和長度”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！