html引入css的方法,以及css選擇器
阿新 • • 發佈:2017-12-31
html 中間 col css選擇器 sheet strong sna 方法 權限
Html中引入css的四種方式
1、行內式
style=“XXX”寫在標簽中
<h1 style = "color: #000;">
2、內嵌式
把style標簽寫在head標簽中
<style> h1{color: #000;} </style>
3、導入式
在style標簽中使用@import=“css_File”
<style> @import"style.css" </style>
4、鏈接式
使用link標簽和href=“css_File”
<link rel="stylesheet" href="style.css" type="" media=""/>
css的基本選擇器
1、標簽選擇器:tagName{}
2、類別選擇器:.className{}
3、ID選擇器:#idName{}
4、通配符:*{}表示頁面內的所以元素
css復合選擇器(權限:直連>空格>逗號)
1、交集選擇:中間沒空格(基本選擇器之間)
表示前後多個選擇器都滿足
2、並集選擇:用逗號(",")隔開(基本選擇器之間)
表示前後多個選擇器滿足其中一個
3、後代選擇:用空格(" ")隔開(基本選擇器之間)
表示前者中的後者
css中的優先級
style行內>#id樣式>.class樣式>tag樣式
html引入css的方法,以及css選擇器