CSS概述
Cascading Style Sheets : 層疊樣式表
主要用作用：用來美化我們的HTML頁面的，HTML 決定網頁的骨架，CSS化妝，將頁面的HTML和美化進行分離
CSS的簡單語法：在一個style標簽中,去撰寫CSS內容,最好將style標簽寫在這個head標簽中
<style>
選擇器{
屬性名稱:屬性的值;
屬性名稱2: 屬性的值2;
}
</style>
CSS選擇器
幫助我們找到我們要修飾的標簽或者元素
元素選擇:
元素的名稱{
屬性名稱:屬性的值;
屬性名稱:屬性的值;
}
ID選擇器:
以#號開頭 ID在整個頁面中必須是唯一的
#ID的名稱{
屬性名稱:屬性的值;
屬性名稱:屬性的值;
}
類選擇器:
以 . 開頭
.類的名稱{
屬性名稱:屬性的值;
屬性名稱:屬性的值;
}
CSS的引入方式
? 外部樣式: 通過link標簽引入一個外部的css檔案
? 內部樣式: 直接在style標簽內撰寫CSS代碼
? 行內樣式: 直接在標簽中添加一個style屬性, 撰寫CSS樣式
CSS浮動
浮動的元素會脫離正常的檔案流,在正常的檔案流中不占空間
float屬性:
left
right
clear屬性: 清除浮動
both : 兩邊都不允許浮動
left: 左邊不允許浮動
right : 右邊不允許浮動
流式布局轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/41348.html
標籤：Html/Css
上一篇：谷歌瀏覽器安裝和開發者工具
下一篇：使用CSS完成商城首頁的優化