上次学习了HTML,本节我们来学习一下CSS让页面更加漂亮
1.CSS主要内容:
什么是CSS?
2.CSS基本使用:
1.基础语法:
CSS的基本使用
CSS的三种使用方式
一、CSS定义
选择器名{
属性名:属性值
属性名:属性值
...
}
注意点:
1.声明需要使用{}括起来,每个声明以;结尾
2.一行建议一个声明
3.如果样式的属性值由多个单词组成,则用引号引起来
二、CSS的注释
/*注释内容*/
三、1.行内样式
直接写在标签上的样式,在标签上通过style属性定义的样式
2.内部样式
定义在style标签中的样式,style标签一般设置在head标签中
3.外部样式
定义在外部CSS文件中,通过link标签引入
<link rel="stylesheet" type="text/css" href="css文件的路径"/>
</head>
注:当有多重样式时,越精准越优先(就近原则)
CSS基本选择器
1.通用选择器 *
*{
属性名:属性值
...
}
2.元素选择器
元素名/标签名{
属性名:属性值
...
}
3.ID选择器 #
#id属性值{
属性名:属性值
...
}
4.类选择器 .
.class属性值{
属性名:属性值
...
}
5.分组选择器
选择器1,选择器2,选择器3...{
属性