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>