DIV+CSS+javascript

2020-01-05

---

1、DIV+CSS

DIV：div就是一个html标签，用于在页面上规划一定范围的区域，本身不可见，一般需要结合CSS一起使用。

CSS：就是层叠样式表，主要用来控制网页中的html内容显示的格式的

html中的标签用于规定网页的内容，那么CSS就是控制这些内容是如何显示的，开发都是采用html+css，可以达到内容和显示分离，css就是一系列格式的集合。

css的引入方式

优先级：就近原则

方式一：行内式。

通过在每个html标签的style属性进行样式的设置

缺点：复用性差

方式二：内嵌式：

在当前的html页面中使用style标签设置样式。给当前页面中的所有该标签设置颜色。。

缺点：复用性差，和html文档在一起

方式三：外部样式：

step1：单独定义一个扩展名为css的文件

step2：在需要用到该css的html中引入该文件

<link type="text/css" rel="stylesheet" href="css/main.css"/>

此处是设置CSS样式的，叫做外部格式链接。
rel=“stylesheet” type=“text/css” 是固定写法，不可修改。

CSS样式编写规则

行内式规则：

<div style="样式名：样式的值；样式名：样式的值；..."><div/>

内嵌或外部样式规则：

选择器{

           样式名：样式的值；

           样式名：样式的值；

}

CSS选择器

选择器：作用就是先寻找要使用样式的html元素，即先选择，才使用。

标签选择器：只要是该标签，样式都会起作用

div{

     样式名：样式的值；

     。。。

}

ID选择器：优先级高于标签选择器，越具体优