1、什么是css?
层叠样式表,主要用于设置HTML页面中的文本内容,图片的外形以及版本的布局等外观样式。
Css是以html为基础,提供丰富的功能。
2、ul>(li>a)*3+tab键(>代表父子关系)
3、所有标签都有一个默认样式,我们成为浏览器样式,或默认样式。
4、引入css方式:
行内样式:
“<h1 style="color: red; font-size: 12px;">传智播客-前端css基础视频课程”
(像素是图片上的一个点)
内嵌样式(内部样式):在head标签中添加style标签。
p {
color: green;
background-color: silver;
}
5、最常用的方式:外部样式,外联样式(link)
一种不常用的样式:导入样式import样式(倒入样式必须写在所有的其他样式之前)在css文件中也可以再倒入其他的css文件。
6、css的语法
选择符声明
P {color:red;}
选择符{属性:属性值;}
Html和css尽量不相互影响。
7、css的注释
/*注释内容*/
注释开始/*注释结束*/注释不能嵌套
多行注释:/*
放多行注释内容
放多行注释内容
放多行注释内容
*/
一般用于css模块的注释,文件头的注释。
8、css选择器综述
*的优先级很高,会覆盖所有的样式。
P,ul之类都是标签选择器。
所有标签都可以有id(一个html页面中id必须唯一,不可重复),id选择器:#p1{} #p2{}