一个完整的网页分为三部分:结构(HTML)
表现(CSS)
行为(JavaScript)
CSS由三部分组成: 选择器,属性和值(选择器和声明块)声明块就是由名值对组成。
名值对中的属性名和属性值,用:连接,以;结尾。
简单选择器有:
元素选择器-->根据标签名来选择指定元素
语法: 标签名{
}
eg: p{
color:red;
font-size:30px;
}
id选择器-->根据元素的id属性值来选中一个元素
语法: #id属性值{
}
eg: #name{
color:red;
font-size:30px;
}
类选择器-->根据元素的class属性值选择一组元素
class是一个标签的属性,它和id相似,不同的是它可以重复使用,可以通过class属性位元素分组。可以为一个元素指定多个class属性值,之间以空格隔开。eg: class="blue red"
语法: .class属性值{
}
eg: .red{
color:green;
font-size:40px;
}
通配选择器-->选择页面中的所有元素
语法 *{
}
eg: *{
color:red;
font-size:30px;
}