JavaScript第四课-CSS

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、伪元素选择器：其实就是元素的一种状态。