CSS的选择器(3种):
1:id选择器:在标签中添加id属性 (id值不能重复)
<标签名 id="id值"></标签名>
语法: #id值{
样式1:样式值1;
样式2:样式值2;
}
2:class选择器:在标签中添加class属性
<标签名 class="class值"></标签名>
语法: .class值{
样式1:样式值1;
样式2:样式值2;
}
3:元素选择符(类型选择符,标签选择器)
语法:标签名{
样式1:样式值1
样式2:样式值2
}
选择器关系:
1.并列关系: 选择器1,选择器2 { 样式1:样式值1 样式2:样式值2 } 2.父子关系: 选择器1 选择器2 { 样式1:样式值1 样式2:样式值2 } 3.兄弟关系: 选择器1+选择器2 { 样式1:样式值1 样式2:样式值2 }
字体样式:
文本样式:
边框样式:
在border-style:
属性用来定义边框的颜色 简易写法: border- 1px; border-style: solid; border-color: red; 可以简写为:border:1px solid red;
局部边框样式
border-top:上;
border-bottom:下;
border-left:左;
border-right:右;