css的使用方式()
1.行內樣式(內聯樣式)
《標籤 >
2.頁面嵌入(內部樣式表)
在head標籤裡面增加乙個子標籤
3.外部檔案(外部樣式表)
在head標籤裡面增加乙個子標籤
4.外部匯入樣式
主要用在樣式初始化。因為有一些標籤有自己的樣式,我們需要清空,方便自己計算
*
css------選擇器
id選擇器
使用id選擇器:在元素上面增加乙個id屬性,id屬性的屬性值不用用數字開頭
乙個頁面中只能有乙個id屬性值
css中id選擇的表示方法用 # 表示
class選擇器
使用class選擇器:在元素上增加乙個class屬性,class屬性的屬性值不能用數字開頭
乙個頁面中可以有多個class屬性值
css中class選擇器的表示方法用 . 表示
標籤選擇器
直接寫標籤名
組合選擇器
選擇器直接用,分隔開即可
子代選擇器
> 只針對子代
後代選擇器
用空格表示,包含著子代選擇器
通用選擇器
* 針對於所有的標籤
選擇器是有權重的
內聯樣式 1000
id 100
class 10
元素 1
通用 0
boss !important 只要出現,就以這個為主
text-align: right; /*文字對齊方式*/
text-decoration: underline; /*文字下劃線*/
line-height: 166.67px; /*文字的行高*//*一行文字所佔的高度,讓他上下居中*/
font-family: "字型";設定字型的樣式
font-style: ; /*規定字型是否傾斜*/
font-weight: bold;加粗
font-size: 16px ; /*設定字型的大小*/
在瀏覽器中,預設的字型大小16px
谷歌瀏覽器中,字型大小最小可以為12px
火狐沒有限制
:hover 叫偽類選擇器
當你的滑鼠放上去的時候,會變化成的樣子權值 10
無序列表:
background-color: rgba(255,0,0,0.1); /*最後乙個引數a表示透明度,取值的範圍是0-1之間,可以為0和1*/
/*只表示背景顏色*/
background-color: #f00;
opacity: 0.1; /*取值的範圍是0-1之間,可以為0和1*/
/*表示整個元素*/
CSS常用樣式屬性
1.css字型和文字相關屬性 屬性 font family 規定文字的字型系列,比如 serif sans serif font size 規定文字的字型尺寸 font style 規定文字的字型樣式。主要有normal,italic,oblique font weight 規定字型的粗細。主要有n...
css常用樣式屬性總結
在css樣式表中,常用樣式屬性 文字屬性 說 明 font size 字型大小 font family 字型型別 font style 字型樣式 color 設定或檢索文字的顏色 text align 文字對齊 背景屬性 說 明 background color 設定背景顏色 background ...
CSS樣式常用屬性整理
web工程師是最近5年剛剛興起的一門高薪職業,人們的專注度越來越高。那麼前端除了學習html標籤之外還需要掌握什麼知識點呢?為大家整理了乙個和html標籤密不可分的知識要點 css樣式常用屬性 css 常用屬性 z index auto 預設值 檢索或設定物件的層疊順序。並級的物件,此屬性引數值越大...