CSS选择器的使用
什么是CSS?
CSS的意思就是层叠样式表,目前发布到3.0版本,用来实现网页的结构美化。
CSS选择器的语法。
选择器的使用
格式:
选择器{
属性1:属性值1;
属性2:属性值2;
属性xx:属性值xx;
}
选择器的选择:要更改那个标签的属性就选择那个标签,例如更改div标签的属性
div{
background-color:blue; /* 背景颜色为蓝色 */
width:300px; /* 宽度为300px */
margin:0 auto; /* 设置div在水平方向上居中 */
}
选择器的分类
ID选择器:ID表示身份,在页面中ID不允许重复.ID选择器只能选中单个元素,权重为100.
#id {
width: 500px;
height: 400px;
background-color: #000;
border: 1px solid red;
margin: 0 auto;
}
类(别)选择器:选择拥有该类别的多个元素(一般用class表示),权重为10.
.class {
width: 400px;
height: 300px;
background-color: blue;
margin: 50px auto;
border: 1px dashed yellow;
}
标签选择器:根据标签名称,选择页面内对应的所有此标签,权重为1.
div{
text-align: center;
color:#fff;
}
通用选择器:针对页面内的所有标签都生效。
* {
padding: 0px;
margin: 0px;
}