HTML與CSS中的顏色與單位個人分享

lmxdawn 發布于2019-08-02 11:22 / 1337人閱讀

摘要：顏色與單位安全色有中其中色彩有中非色彩中前景色與背景色前景色就是設置字體的顏色背景色就是為指定元素設置背景色瀏覽器默認背景色的顏色為透明色顏色的命名使用單詞方式定義顏色目前主流瀏覽器識別種預定義顏色問題可選的顏色數量有限不同瀏覽器中存在

顏色與單位

Web安全色有216中其中色彩有210中,非色彩6中

前景色與背景色

前景色就是設置字體的顏色

背景色就是為指定元素設置背景色 - 瀏覽器默認背景色的顏色為透明色

顏色的命名

1.使用單詞方式定義顏色 - 目前主流瀏覽器識別147種預定義顏色

問題:可選的顏色數量有限

不同瀏覽器中存在色差問題

2.使用RGB方式定義顏色 - 稱為三原色(就是不能再分解的三種基本顏色)

RGB - red(紅色)、green(綠色)、blue(藍色)

使用方法:

1.函數式RGB顏色 - rgb(紅色, 綠色, 藍色)

每個顏色的值范圍 - 0 ~ 255

2.十六進制RGB顏色 - #紅色綠色藍色

每個顏色具有兩位

每個顏色的值范圍 - 00 ~ ff

數字是 - 0 ~ 9 字母是 - a ~ f

如果每個顏色的兩位相同的話則可以省略其中一個

示例代碼:




一花一世界

透明度

透明度 - 默認值為1.0 (完全不透明)

取值范圍是 - 0 ~ 1.0

語法 - opacity: 0.5;

設置透明度還有第二種方式:

rgba() - 其中a表示透明度

示例代碼:

/* 以下是透明度的兩種用法 */

opacity: 0.5;

background-color: rgba(223,0,220,0.5);

單位

單位分為相對值和絕對值

像素值(px) - 與電腦分辨率有關分辨率越大單位像素值就相對越小

示例代碼:

圖片分析:

云服務器 GPU云服務器 css與html html與css html與css區別 css與html的區別

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52937.html

HTML與CSS中的顏色與單位個人分享

摘要：顏色與單位安全色有中其中色彩有中非色彩中前景色與背景色前景色就是設置字體的顏色背景色就是為指定元素設置背景色瀏覽器默認背景色的顏色為透明色顏色的命名使用單詞方式定義顏色目前主流瀏覽器識別種預定義顏色問題可選的顏色數量有限不同瀏覽器中存在顏色與單位 Web安全色有216中其中色彩有210中,非色彩6中前景色與背景色前景色就是設置字體的顏色背景色就是為指定元素設置背景色 - 瀏...

PAMPANG 2019-08-29 16:33 評論0 收藏0
HTML與CSS中的文本個人分享

摘要：文本標題元素注意在一個頁面中最好只使用一個標題因為瀏覽器只會抓取一個多了沒用示例代碼標題元素元素默認效果是顯示最大顯示最小默認效果是由瀏覽器自帶樣式提供可以通過進行修改每個標題元素是獨占一行并且是垂直排列在實際開發中常用的標題元素最文本標題元素注意: 在一個HTML頁面中最好只使用一個標題因為瀏覽器只會抓取一個多了沒用示例代碼: 一花一世界一葉一孤城娃哈哈爽歪歪...

MartinHan 2019-08-29 16:32 評論0 收藏0
HTML與CSS中的文本個人分享

摘要：文本標題元素注意在一個頁面中最好只使用一個標題因為瀏覽器只會抓取一個多了沒用示例代碼標題元素元素默認效果是顯示最大顯示最小默認效果是由瀏覽器自帶樣式提供可以通過進行修改每個標題元素是獨占一行并且是垂直排列在實際開發中常用的標題元素最文本標題元素注意: 在一個HTML頁面中最好只使用一個標題因為瀏覽器只會抓取一個多了沒用示例代碼: 一花一世界一葉一孤城娃哈哈爽歪歪...

iliyaku 2019-08-02 11:21 評論0 收藏0
HTML與CSS中的,鏈接與圖像個人分享

摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當前頁面跳轉到指定頁面屬性設置指定跳轉頁面的路徑路徑分類相對路徑相對于當前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也鏈接與圖像鏈接元素 < a >元素 - 表示鏈接元素作用 - 從當前html頁面跳轉到指定html頁面屬性 href - 設置指定跳轉html頁面的路徑 ...

cocopeak 2019-08-29 16:34 評論0 收藏0
HTML與CSS中的,鏈接與圖像個人分享

摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當前頁面跳轉到指定頁面屬性設置指定跳轉頁面的路徑路徑分類相對路徑相對于當前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也鏈接與圖像鏈接元素 < a >元素 - 表示鏈接元素作用 - 從當前html頁面跳轉到指定html頁面屬性 href - 設置指定跳轉html頁面的路徑 ...

elisa.yang 2019-08-02 11:21 評論0 收藏0