CSS是一門語言,用于控制網頁表現
CSS(Cascading Style Sheet):層疊樣式表
W3C標準:網頁主要由三部分組成
????????結構:HTML
????????表現: CSS
????????行為:JavaScript
1,CSS的導入方式
(1)內聯樣式
在標簽內部使用style屬性,屬性值是css屬性鍵值對
<div style="color:red">Hello CSS~</div>
(2)內部樣式
定義<style>標簽,在標簽內部定義css樣式
<style type="text/css">div{color:red;}
</style>
(3)外部樣式
定義link標簽,引入外部的css文件
<link rel="stylesheet" href="demo.css">demo.css:
div{color:red;
}
2,CSS選擇器
概念:選擇器是選取需設置樣式的元素(標簽)
div{
? ? ? ? color:red;
}
(1)元素選擇器
元素名稱{color:red;}
div{color:red;}
(2)id選擇器
#id屬性值{color:red;}
#name{color:red;}
<div id="name">hello css2</div>
(3)類選擇器
.class屬性值{color:red;}
.cls{color:red;}
<div class="cls">hello css3</div>
<style>div{color:red;}#name{color: blue;}.cls{color: pink;}</style>
</head>
<body><div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div><span class="cls">span</span></body>