CSS

CSS3中3D转换形式

CSS3中3D转换形式CSS3D转换在CSS中,除了可以对页面中的元素进行2D转换外,您也可以对象元素进行3D转换(将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作)。与2D转换相同,3D转换同样不……

CSS计数器(counter)

CSS计数器(counter)CSS里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的content属性,可能现在很多人仅仅以为content属性的值只支持字符串,除了字符串外常用到的还有uri、counte……

CSS圆角属性(border-radius)

CSS圆角属性(border-radius)在制作网页的过程中,有时我们可能需要实现圆角的效果,以前的做法是通过切图(将设计稿切成便于制作成页面的图片),使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了,CSS3中提供了一系列属……

CSS弹性布局/弹性盒子(flex布局)

CSS弹性布局/弹性盒子(flex布局)flex是flexiblebox的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex&……

CSS伪类选择器

CSS伪类选择器伪类选择器在CSS中起到的作用可以说是至关重要的,如果CSS没有伪类选择器,有很多效果都要借助js来完成,这样不仅代码量增加,维护起来你难度也大。这样程序员的工作量大,也违背了CSS诞生的作用,就是提……

CSS注释语法

CSS注释语法当一个样式表创建完成后,往往再过几个星期、几个月,甚至几年后,再回过头来进行修改时,你可能怎么也想不明白以前为什么要创建这个样式,以及它到底有什么作用。对于任何项目,都是如此。因此,在构建网站时,应该……

CSS外边距属性(margin)

CSS外边距属性(margin)一、CSS外边距属性(margin)属性描述margin简写属性。在一个声明中设置所有边距属性margin-bottom设置元素的下外边距属性margin-left设置元素的左外边距属性margin-……

CSS过渡效果(transition)

CSS过渡效果(transition)通常当CSS的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能,通过该功能您可以将元素从一种样式在……

CSS元素可见性(visibility)

CSS元素可见性(visibility)CSS中的visibility属性用来设置元素是否可见,您可以将该属性与JavaScript一起使用,来创建非常复杂的菜单或网页布局,比如在网页中做一些测试题时您可以使用visibility属性将题目……

CSS边框图片(border-image)

CSS边框图片(border-image)对于元素的边框我们除了可以使用之前介绍的一些默认样式外,还可以通过CSS3中的border-image属性使用图像来作为元素的边框,以创建出丰富多彩边框效果。border-image属性可以通过一些简……