摘要：
margin margin：外边距的意思。表示边框到最近盒子的距离。 阅读全文
posted @ 2018-06-28 09:14
王竹笙
阅读(237)
评论(0)
推荐(0)
摘要：
边框 border:边框的意思，描述盒子的边框 边框有三个要素： 粗细 线性样式 颜色 如果颜色不写，默认是黑色。如果粗细不写，不显示边框。如果只写线性样式，默认的有上下左右 3px的宽度,实体样式，并且黑色的边框。 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定 阅读全文
posted @ 2018-06-27 10:18
王竹笙
阅读(268)
评论(0)
推荐(0)
摘要：
padding padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域。 padding的设置 padding有四个方向，分别描述4个方向的p 阅读全文
posted @ 2018-06-27 10:07
王竹笙
阅读(283)
评论(0)
推荐(0)
摘要：
盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width：内容的宽度 height：内容的高度 paddin 阅读全文
posted @ 2018-06-27 09:22
王竹笙
阅读(153)
评论(0)
推荐(0)
摘要：
直接上代码，看效果！ 第一种现象：当权重相同时，以后来设置的属性为准，前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象： 第一个选择器没有选中内层标签，那么它是通过继承来设置的属性，那么它的权重为0。第二个选择器选中了内层标签，有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可 阅读全文
posted @ 2018-06-26 18:02
王竹笙
阅读(139)
评论(0)
推荐(0)
摘要：
继承性 面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。 继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 记住：有一些属性是可以继承下来 ： color 、 阅读全文
posted @ 2018-06-26 18:00
王竹笙
阅读(125)
评论(0)
推荐(0)
摘要：
伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 再介绍一种css3的选择器nth-child() 阅读全文
posted @ 2018-06-26 17:56
王竹笙
阅读(184)
评论(0)
推荐(0)
摘要：
/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /* 阅读全文
posted @ 2018-06-26 17:56
王竹笙
阅读(98)
评论(0)
推荐(0)
摘要：
属性选择器，字面意思就是根据标签中的属性，选中当前的标签。 语法： 阅读全文
posted @ 2018-06-26 17:55
王竹笙
阅读(127)
评论(0)
推荐(0)
摘要：
级选择器分为：后代选择器、子代选择器、并集选择器、交集选择器 后代选择器 使用空格表示后代选择器。顾名思义，父元素的后代（包括儿子，孙子，重孙子） .container p{ color: red; } .container .item p{ color: yellow; <!DOCTYPE htm 阅读全文
posted @ 2018-06-26 17:28
王竹笙
阅读(149)
评论(0)
推荐(0)
浙公网安备 33010602011771号