好文分享

写法：“box-shadow: h-shadow v-shadow blur spread color inset”；h-shadow为水平位置，v-shado为垂直位置，spread为阴影大小，inset将外部阴影改为内部阴影（可省略）。 本教程操作环境：windows7系统、CSS3&&…

在css中，可以利用z-index属性来设置层级，该属性可以设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；语法格式“z-index:数值;”，允许使用负值。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 在css…

本篇文章将分享一些大家未必知道且超级实用的纯css布局排版技巧，实现一些常见或特殊的布局排版。 开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。当然不能停留在IExplorer时代那种局限思维上，没办法解决的布局排版都用JS实现。今时不同往日，现代CSS属性能更好地…

本篇文章带大家了解一下css中的选择器，介绍一下简单选择器、复合选择器、复杂选择器的语法，选择器优先级。 选择器语法 我们先了解一下选择器的语法，然后深入了解背后相关的特性。 简单选择器 星号 —— *  通用选择器，可以选择任何的元素类型选择器｜type selector —— div svg|a…

css写法优化：1、层级嵌套不能太深，一般不超过4层；2、避免使用元素选择器，不利于后期修改；3、避免使用群组选择器，可以提取一个公用类，定义同一样式，更加方便；4、减少文件引入的数量，内容显示要有优先顺序。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell …

css中可使用linear-gradient()或radial-gradient()渐变函数配合rgba()来设置不透明度渐变。linear-gradient()和radial-gradient()可设置渐变，而rgba()可控制不透明度。 本教程操作环境：windows7系统、CSS3&&…

不生效的原因：其父元素没有确定高度，则无法有效使用“height:XX%”的样式。解决方法：给父元素使用height属性设置一个确定的高度，这样子元素高度设置百分比就可以生效。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 当我们给块级元素设置…

加载css文件的方法：1、使用“”语句加载；2、使用“@import url(“css文件路径”);”语句加载。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 方法1：通过link标签加载 标签定义文档与外部资源的关系，…

css中，可以利用background和background-blend-mode属性来设置背景图片颜色，语法格式“background: url(背景图片路径), 颜色值;background-blend-mode: lighten;”。 本教程操作环境：windows7系统、CSS3&&…

绝对定位意思是将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的。 本教程操作环境：windows7系统、CSS3&&HTM…