小编今天学习了怎样使用CSS来设置div的样式，下面就是小编今天总结出来的一些知识点啦！
css样式：具有层叠性和继承性
css样式有两种链接方式：
1.内联样式：就是在同一个网页内编写css样式和布局代码
2.外联式：创建一个css文件，并在其中编写css独立的样式，然后在将其和所需要应用它的HTML文件链接起来。
链接独立的css文件的方法：<link rel="stylesheet" type="text/css" href="css/wailian.css"/>（stylesheet:样式表 type="text/css"：类型为text/css）
设置div的背景：
设置背景图片平铺方式：background-repeat: repeat;/background-repeat: no-repeat;
设置背景图片位置，可以设置成百分比，也可以是像素，还可以是位置名称：background-position:0 0 ;/background-position:center
设置div的背景色：background-color:black ;（在设置背景图片的同时也要设置背景颜色,背景图片显示的优先级要高于背景颜色,当图片显示不出来时可以显示背景颜色）
设置background连写的方法:background:图片 颜色 平铺方式 图片定位
css样式具有层叠性和继承性css样式有两种链接方式：1.内联样式：就是在同一个网页内编写css样式和布局代码2.外联式：创建一个css文件，并在其中编写css独立的样式，然后在将其和所需要应用它的HTML文件链接起来。链接独立的css文件的方法：（stylesheet:样式表 type="text/css"：类型为text/css）设置div的背景：backgro
早些时候见过
一个
鸟日本人写的DW中的
样式
设置
http://www.99yp.com/uploads/200607/
css
/index.htm，写了一大堆的代码，靠，现在派不上用场，小鸽子写了
一个
更好的
样式
生成器，适合
DIV
+
CSS
架构的网页。(在网吧做网页的朋友，可以使用这个呀！)将常用的
样式
写了出来，做成DW的扩展插件多好，麻烦高手把他做成DW的扩展插件：小鸽子个人网:http://xbnz.126.com/[网址助记:新白娘子]
▒ 恋婷
DIV
+
CSS
编辑器 beta1.0
类/
标签
/ID：
所有数值都不用输入单位;
参考：https://blog.csdn.net/kissing7/article/details/8924112
对定义了id的html
标签
元素，js可以通过以下方法
修改
标签
元素的
css
样式
：
对
标签
定义
一个
css
样式
：
document.getElementById(“idname”).style.display=“none”;
对
标签
定义多个
css
样式
：
var a = document.getElementById(“idname”);
with(a.style){
color
HTML 分割标记，简称为“
div
”，是一种特殊元素，可让您在网页上将相似的内容集组合在一起。您可以将其用作关联相似内容的通用容器。
标签
是最常用的
div
标签
之一，尽管引入了语义元素（这些元素让您可以使用多个
标签
作为容器），但它似乎并没有出现在任何地方。
在本教程中，我将向您展示
div
您可以使用
标签
执行的各种操作，如何在同
一个
HTML 文件中使用多个
div
而不会感到困惑，以及如何
设置
它的
样式
。
何时使用
div
标签
div
标签
是多用途的——你可以用它在网页上做几件事。您将主要在 Web 布局和
div
css
常用位置
样式
大全
一、子
div
在父
div
内上下铺满
子的
div
width与父的width一致，多个子
div
控制height百分比相加100%即可
.d-1{
height: 500px;
width: 500px;
background-color: #67c23a;
.d-1-1{
height: 50%;
width: 100%;
background-color: #409EFF;
.d-1-2{
height: 50%;
写好
一个
div
，这个
div
包含了4个a
标签
，
设置
a
标签
的left: -80px;,这样a
标签
就会隐藏起来。
然后
设置
a的hover效果为left: 0;,想更加炫酷的小伙伴也可以加一点transform效果。
最后附上源码：
<!DOCTYPE html>
<html lang="en">
