css(英文全稱:cascading style sheets)層疊樣式表, 是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。
css目前最新版本為css3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統html的表現而言,css能夠對網頁中的物件的位置排版進行畫素級的精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力,並能夠進行初步互動設計,是目前基於文字展示最優秀的表現設計語言。css能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。
css是用來美化網頁用的,沒有網頁則css毫無用處,所以css需要依賴html展示其功能 。
[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-idl0a7hx-1603416621266)(/1.png)]
css基本語法
css 樣式由選擇器和一條或多條以分號隔開的樣式宣告組成。每條宣告的樣式包含著乙個 css屬性和屬性值。 [外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-02zrz4vh-1603416621275)(/qq截圖20200205160701.png)]
選擇器名
注意:div
css宣告要以分號;結束,宣告以**{}**括起來
建議一行書寫乙個屬性
若值為若干單詞,則要給值加引號,如 font-family: 「agency fb」; 注釋
多行注釋:
/* 這裡的內容就是注釋 */
css的使用
1. 行內式
行內樣式將樣式定義在具體html元素的style屬性中。以行內式寫的css耦合度高,只適用於當前元素,在設定某個元素的樣式時比較常用。
在當前元素使用 style 屬性的宣告方式。style
="color
:red;
font-size
:50px;
">
這是一段文字p
>
style 是行內樣式屬性;
color 是顏色屬性;red 是顏色屬性值;
font-size是字型大小屬性;50px 是字型大小屬性值
2. 嵌入式
嵌入式通過在html頁面內容開闢一段屬於css的**區域,通常做法為在< head>標籤中巢狀
3. 引入外聯樣式檔案
在實際開發當中,很多時候都使用引入外聯樣式檔案,這種形式可以使html頁面更加清晰,而且可以達到更好的重用效果。
style.css
test.htmlp
rel:rel 屬性規定當前文件與被鏈結文件之間的關係。rel=
"stylesheet"
type
="text/css"
href
="style.css"
>
stylesheet:文件的外部樣式表。
很多時候,大量的 html 頁面使用了同乙個css。那麼就可以將這些 css 樣式儲存在乙個單獨的.css 檔案中,然後通過元素去引入它。
注意:當有多重樣式時,記住前提規則,越精確越優先。
HTML與CSS的基本了解
c s c表示client 客戶端 s表示server 服務端 b s b表示browser 瀏覽器 s表示server 服務端 即web伺服器 標題4 標題5標題6 0 align center height 200 border 1 width 200 編號姓名年齡 第三個第乙個2.2 3.13...
HTML與CSS的a標籤
a標籤 標籤定義超連結,用於從一張頁面鏈結到另一張頁面。元素最重要的屬性是 href 屬性,它指示要鏈結的目標位置,同時沒有href屬性a標籤內的內容與普通文字沒有區別,也就失去了超連結的功能。若是想要跳轉到當前頁面,那麼href的值為 被鏈結頁面通常顯示在當前瀏覽器視窗中,除非您規定了另乙個目標 ...
HTML與CSS的CSS選擇器
在 css 中,選擇器是一種模式,用於選擇需要新增樣式的元素。css選擇器有很多,掌握常用的即可 基本選擇器 通用選擇器 選擇所有 元素選擇器 選擇指定標籤 元素名稱 p id選擇器 選擇設定過指定id屬性值的元素 id屬性值 p1 類選擇器 選擇設定過指定class屬性值的元素 class屬性值 ...