元素宽度和高度的计算方法box-sizing 元素宽高的计算方法box-sizing 有三个值content-box 默认值。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定宽度和高度内进行绘制。通过从已设定的宽度和高度分...

文字溢出text-overflow 处理文字溢出设置当文本溢出元素范围时是否使用一个省略标记（…）表示溢出的内文本内容。text-overflow : clip | ellipsisclip : 　不显示省略标记（…），而是简单的裁切。ellipsis : 　当对象内文本溢出时显示省略标记（…）。Text-overflow的使用：1234567div{ widt...

添加盒子阴影box-shadow 添加盒子阴影取值none： 无阴影 ①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值③： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值④： 如果提供了第4个长度值则用来设置对象的阴影外延值（放大）。可以为负值 。⑤：color： 设置对象的阴影的颜色。颜...

添加文本阴影text-shadow 添加文本阴影取值none： 无阴影 ①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值③： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值④：color： 设置对象的阴影的颜色。颜色值可以最先设置。如：text-shadow: red 100px 100p...

CSS渐变background:linear-gradient() 线性渐变background:linear-gradient()也可以写成background-image:linear-gradient()参数：background:linear-gradient( 方向， 渐变开始的颜色， 渐变结束的颜色（也是下一个颜色的开始颜色） 渐变结束的颜色的位置， ...

CSS背景background-color 背景颜色1234<p>我是p标签</p>p{ background-color: red;} background-image 背景图片123body{ background-image: url('./demo.png'); /* url('') 引...

CSS三大特性继承性继承性：子元素可以继承父元素的样式。但是有些标签不能继承，如：a标签的颜色不能继承，如果要修改 a标签的颜色，就要直接修改a标签。h标签的大小不能继承，如果要修改 h标签的大小，就要直接修改h标签。 层叠性层叠性：是浏览器处理冲突的一个特性。作用：如果一个属性通过两个选择器设置到同一个元素上面，那这个时候一个属性将会另一个属性层叠掉。如果多个属性通过两...