css

css定义背景图显示不了的原因：1、css没有被调用；2、背景图片的路径写错了；3、背景元素没有设置宽度和高度，无法撑开元素，也就无法显示背景；4、元素不具备块属性；5、被同名css类的样式所覆盖。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。…

在css中，可以利用border-radius属性来让图片变圆，只需要给img元素添加“border-radius: 50%;”样式即可。border-radius属性可以给元素设置圆角边框，圆角的半径不能超过宽/高的一半。 本教程操作环境：windows7系统、CSS3&&HTML…

在css中，可以利用“:last-child”和“:not()”选择器来不选最后一个元素，语法格式“元素:not(:last-child)”。last-child选可以匹配最后一个子元素，而not()可以匹配非指定元素/选择器的每个元素。 本教程操作环境：windows7系统、CSS3&&a…

在css中，可以利用text-align属性来设置文本左对齐，只需要给文字所在标签添加“text-align:left”样式即可。text-align属性用于指定元素中的文本的水平对齐方式，当值为left时可把文本排列到左边。 本教程操作环境：windows7系统、CSS3&&HTM…

写法：“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&&…