標籤：css 基礎 今天開始 應用 並且 round type 包含 允許
今天開始學習css；應用一本《HTML5與CSS3網頁設計基礎》
先學習css樣式規則聲明。
Body{ color:blue}
對應：選擇符：{聲明屬性：聲明值}；
Background-color：屬性
Body{ Background-color：yellow}
配置元素背景顏色css屬性是Background-color：，顏色是黃色
Color屬性
Body{ color：red}
配置文本顏色css屬性是color，顏色是紅色。
配置背景顏色也文本顏色
Body{ Background-color：yellow color：red }
注意:css文法允許通過多種方式配置顏色：
l 十六進位顏色值
l 十六進位短顏色值
l 十進位顏色值（RGB三元組）
l Css3新增的HSL
配置css方式有四種:內聯，嵌入，外部和匯入。
Style屬性
<h1 style=“color：#cc0000”>
如果屬性不止一個，用；分割開。
<h1 style=“color：#cc0000 Background-color：yellow”>
將全域body標記配置成白底綠字。這種樣式也會被其他元素繼承
<Body style=“Background-color：yellow color：#cc0000”>
h1元素配置成綠底白字。將覆蓋body元素的全域樣式。
<h1 style=”background-color:#008080; color:#F5F5F5;”>
內聯樣式並不常用。它的效率並不高，並且會給網頁帶來額外的代碼。不便於維護。
配置嵌入的css
內建樣式將於與整個文檔，這些樣式將要放在head部分的<style>中，以<style>開始，以</style>結束。
代碼為
<head>
<style>
Body{
Background-color:#CCFFFF;
Color:#000033;
</style>
</head>
}
嵌入的css樣式可以用於h1，h2，div，p,ul，ol，li，等元素
在head中配置body，h1，h2
<style>
Body{background-color:#E6E6F6;color:#191970;}
h1{background-color:#E6E6F6;color:#191970;}
h2{background-color:#E6E6F6;color:#191970;}
配置外部css
當css位於網頁文檔內部時，css的靈活性與強大才真正顯露無遺。
外部樣式是包含css樣式規則的文字檔，使用. Css拓展名。通過link相關聯。因此，多個網頁可以共同關聯同一個. Css檔案。
Link元素
Rel屬性值是“stylesheet”
Href屬性值是“.css”檔案名稱
Type屬性值是“text/css”
例如在head中加入一下代碼，將網頁和外部樣式表與color.css關聯。
<link rel=”stylesheet” href=””color.css”>
開始學習css
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
