CSS

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

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

CSS盒子模型

CSS盒子模型在使用CSS进行网页布局时,我们一定离不开的一个东西————盒子模型。盒子模型,顾名思义,盒子就是用来装东西的,它装的东西就是HTML元素的内容。或者说……

CSS格式化文本

CSS格式化文本通过CSS提供的几个属性,可以非常轻松有效地定义各种文本样式,例如颜色、对齐方式、间距、装饰、转换等。常用的文字属性有:text-align,text-decoration,text-transfor……

CSS伪类选择器

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

CSS定位的五种方式(position)

CSS定位的五种方式(position)CSS中的position属性用来设置元素在页面中的位置,通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素……

CSS过渡效果(transition)

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

CSS精灵图(sprite)

CSS精灵图(sprite)一、什么是精灵图?当用户访问一个网站时,浏览器会向服务器发送一系列请求,比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而,一个网页中往往包含大量的图像资源(例如在页面中展示的图片、网页……

CSS选择符

CSS选择符CSS:是CascadingStyleSheet的缩写,译作【层叠样式表单】,是一组格式设置规则。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的组成:CSS的定义是……

CSS边框图片(border-image)

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

CSS调节元素大小(resize)

CSS调节元素大小(resize)resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize: none|both|horiz……