html-样式/.css文件

##样式

方式:
1内联
<div style="color:chartreuse">
2内嵌
<style>
body {
background-color: darkcyan
}

div {
color: chartreuse;
background-color:darkgoldenrod;
}
</style>
3外联 .css文件
引用<link rel="stylesheet" href="./css/index.css" type="text/css">
.css文件地址

内嵌样式格式:
<style>
选择器{属性1:内容1;
属性2:内容2;
....
}
</style>

<style>
body {
background-color: darkcyan
}

div {
color: chartreuse;
background-color:darkgoldenrod;
}
</style>

 

选择器分类:
div{} 标签选择
id 唯一 #id值{}
class 分类 .class值{}

div,label,span{} 群组选择器

div label{} 后代选择器(div 内的label标签)

div:hover{} 伪类和其他基础选择器组合使用 鼠标over时
div:focus{} 文本框输入时显示标记