css:
外部样式表
内部样式表:将CSS直接放在页面里,进攻本网页使用。通过<style>标签来进行设置
内嵌样式表:直接使用HTML标签中style属性来定义样式,但是志在所定义的区域内有效
CSS层叠样式表:
将网页中的样式分离出来,完全由CSS来控制
增强样式的复用性以及可扩展性
格式:
选择器{属性名:属性值;属性名:属性值....}
CSS和HTML代码结合的四种方式
1、每个html标签独有一个style属性。
2、当页面有多个标签有相同样式时,可以进行复用
<style>css代码</style>
3、当有多个页面中的标签样式相同时,还可以将样式单独封装成一个css文件。
<style>@import url("1.css")</style>
4、通过html中head标签中的link标签连接一个CSS文件
<link rel="stylesheet"n href="1.css">
技巧:为了提高相同的样式的复用性以及可扩展性,可以将多个标签样式进行单独定义,并封装成CSS文件
在一个css中使用css的import将多个变迁样式导入。
然后再html页面上,使用link标签导入这个总的CSS文件即可。
选择器:其实就是样式要作用的标签容器。
当样式分离后,html作用在于用标签封装成数据,然后将css加载到指定标签上。
选择器的基本分类:
1、标签选择器:其实就是html中每一个标签名。
2、类选择器:其实就是每一个标签中的class属性。用.形式表示,只用来给css所使用,可以对不同标签进行相同样式设定、
3、ID选择器:其实就是每一个标签中的ID属性,但是要保证ID唯一性。用#来标识。ID不仅可以被css所使用,还可以被javascript所使用
选择器优先级.ID>CLASS>标签
扩展选择器:
1、关联选择器:其实就是对标签中的标签进行样式定义,选择器 选择器....
2、组合选择器:对多个选择器进行iangtong样式定义,将多个选择器通过(,)隔开的方式
3、伪元素选择器:其实就是元素的一种状态。