CSS(层叠样式表)
css注释以/*开始,以*/结束。
CSS导入HTML有三种方式:
1.内联样式:在标签内部使用style属性,属性值是css属性键值对。
<div style="color: red">Hello CSS</div>
2.:定义<style>标签,在标签内部定义css样式
<style >
div{
color: red;
</style>
3.外部样式:定义link标签,引入外部的css文件 demo.css:
<link rel="stylesheet" href="demo.css">
<link>标签在html的<head>标签里。
/*这个css文件应该以.css扩展名保存,文件不能包含任何的html标签。样式表允许多种方式规定样式信息,一般情况下 优先级:内联样式 >内部样式 > 外部样式*/
选择器是选取需设置样式的元素
分类:
1.元素选择器
元素名称{color: red;}
示例: div{color: red;}
2.id选择器
#id属性值{color: red;}示例:
#name{color: red;}
<div id="name">hello css2</div>
//id属性不要以数字开头,在一些浏览器不起作用。
3.类选择器
.class属性值{color: red;}示例:
.cls{color: red;}
<div class="cls">hello css3</div>
//id和类选择器用法很类似,区别是id值是唯一的,而类值可相同。类名的第一个字符不能使用数字 。