CSS是层叠样式表,不属于编程语言
CSS英文全称:Cascading Style Sheet
CSS是HTML的化装品,可以让HTML变的更炫酷 ,是专门来修饰HTML的
CSS代码是嵌入在HTML中的,没有HTML代码,CSS代码是无效的
在style体内使用/*注释*/
第一种:内联嵌入
1、语法:style=”样式名1:样式值1;样式名2:样式值2;”
2、在HTML中,大部分标签都有style属性,在该属性中可以设置该标签的CSS样式
示例一:style属性完成a标签的样式:让其有下划线,有鼠标悬停效果手型
字体下划线:text-decoration:underline
鼠标悬停手势效果:cursor:hand; (该样式IE中支持,FireFox 中不支持)
鼠标悬停手势效果:cursor:pointer;
1、在head标签中添加:
id选择器
语法格式:
#id{
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
....
}
标签选择器
语法格式:
标签名 {
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
....
}
标签选择器作用的范围比id选择器广
类选择器
语法格式:
.类名{
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
....
}
1、在head标签中:
href后面写css文件地址
1、标签的position属性可以实现绝对定位
web前端开发中最难的是解决各个浏览器的兼容问题