1.CSS的基本使用:
一.CSS的定义:
选择器名{
属性名:属性值
属性名:属性值
......
}
注:
1.声明需要使用{}括起来,每个声明以分号结尾
2.一行建议一个声明
3.如果样式的属性值由多个单词组成,则用引号引起来
二.CSS的注释:
/* 注释内容 */
三.CSS的三种使用方式:
1.行内样式
直接写在标签上的样式,在标签上通过style属性定义的样式
2.内部样式
定义在style标签中的样式,style标签一般设置在head标签中
3.外部样式
定义在外部的css文件中,通过link标签引入
<link rel="stylesheet" type="text/css" href="css文件的路径" />
2.CSS基本选择器
1.通用选择器 *
*{
属性名:属性值;
......
}
2.元素选择器
元素名/标签名{
属性名:属性值;
......
}
3.ID选择器
#id属性值 {
属性名:属性值;
......
}
4.类选择器
.class {
属性名:属性值;
......
}
5.分组选择器
选择器1,选择器2,选择器3...{
属性名:属性值;
......
}
3.组合选择器
后代选择器
选择指定元素的所有指定后代元素,以空格隔开
选择器 指定元素 {
属性名:属性值;
......
}
子代选择器
选择指定元素的第一代子元素,以大于号隔开
选择器 > 指定元素 {
属性名:属性值;
......
}
相邻兄弟选择器
选择指定元素的下一个子元素,两者有相同的父元素,以加号隔开
选择器 + 指定元素 {
属性名:属性值;
......
}
普通兄弟选择器
选择指定元素后面的所有指定元素,两者有相同的父元素,以波浪号隔开
选择器 ~ 指定元素 {
属性名:属性值;
......
}