CSS3中user-select的用法

user-select属性是CSS3新增的属性,用于设置用户是否能够选中文本。Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本。目前主流的浏览器都支持该属性,但是有的要加上一定的前缀。
时间:2017-5-12

css3 media媒体查询

css3的媒体查询功能,使得响应式布局得以方便实现,使用@media 媒体查询,你可以针对不同的媒体类型定义不同的样式。移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,可以使用Css3的media媒体查询
时间:2017-3-11

CSS优雅降级和渐进增强

在设计网页写CSS样式时,经常需要考虑的是兼容性问题,不同的浏览器内核或者同一内核不同版本,CSS有时表现的形式就会出现差异,我们通常会选择优雅降级或者渐进增强的方式来解决各种差异。那么,CSS中优雅降级和渐进增强两者的区别是什么呢?
时间:2017-2-23

css中rem单位

rem是CSS3新增的一个相对单位(root element),即rem是相对于根元素。使用rem同em一样皆为相对字体大小单位,不同的是rem相对的是HTML根元素。那么,css中rem单位究竟该如何使用呢?
时间:2016-11-27

CSS中z-index层叠顺序

在WEB网页编程中,有时会出现多个元素的非期待重叠错误,或者层叠的顺序不对,普通元素的层叠顺序由元素在文档中的先后位置决定,后出现的会在上面,我们可以通过设置z-index来控制页面元素的层叠顺序,下面介绍有哪些CSS属性会影响元素的显示顺序,以及如何设置z-index的层叠顺序
时间:2016-11-13

CSS3动画属性animation

通过CSS3 animation属性,我们能够创建动画,animation 属性是一个简写属性,主要用于设置动画属性:animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction。
时间:2016-1-11

css选择器优先级

CSS选择器优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先,选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 。虽然很简单,但如果书写的时候没有注意,很容易就会导致CSS的重复定义,代码冗余。
时间:2016-1-9

CSS3弹性布局

在CSS 3中,CSS Flexible Box模块为一个非常重要的模块,该模块用于以非常灵活的方式实现页面布局处理。使用CSS Flexible Box模块中定义的弹性盒布局技术,可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式,即实现非常灵活的布局处理。
时间:2015-10-18

css3 box-shadow

css3中 的 box-shadow 有点类似于 text-shadow,text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。下面介绍css3中box-shadow的用法
时间:2015-8-9

css如何让浮动元素水平居中

对于定宽的非浮动元素我们可以在CSS中用 margin:0 auto 进行水平居中,对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。下面介绍css让浮动元素水平居中的方法
时间:2015-8-5

css中outline

outline这个属性平时用的不太多,css中outline的作用表示在元素边框边缘的外围绘制一条包围元素的线,包括outline-color、outline-style、outline-width三个子属性的设置,可缺省,无固定顺序。
时间:2015-8-1

css3 box-sizing

css3中box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
时间:2015-7-22

css中width:auto和width:100%的区别

css中width:auto、width:100%都可以定义元素的宽度,width:100% 并不包含margin-leftmargin-right的属性值,直接取其父容器的宽度加上含margin-left /margin-right的值,width:auto包含margin-left/margin-right的属性值。其值包含margin-left /margin-right的值。
时间:2015-7-6

CSS伪元素:before, :after

CSS中:before和:after伪元素已经在前端开发中应用的比较广泛,我们使用:before来在元素的前面插入内容,使用:after在元素的后面插入内容,那么,如何在Web项目中使用:before, :after这二个伪元素呢?
时间:2015-7-5

CSS3 transition过渡效果

CSS的transition过渡效果允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值,下面介绍transition 过渡效果的语法和示例。
时间:2015-7-5

css display属性

CSS中display属性用于设置或检索对象是否及如何显示。display属性值基本上分为inline,block,和none。下面介绍display这个属性该怎么用,什么时候用,用了有什么效果!
时间:2015-6-11

css中:first-child

:first-child是css中伪类,css中:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器,只有当元素是另一个元素的第一个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。
时间:2015-6-9

CSS中background-attachment

CSS中background-attachment用来定义背景图片随滚动轴的移动方式,background-attachment取值为scroll的时候很好理解,就是背景会随着滚动条滚动,取值为fixed的时候,意思是固定背景,下面详细介绍CSS中background-attachment的用法
时间:2015-5-30

CSS百分比定义高度的问题

当我们给块级元素设置响应式高度的时候,例如给div设置height=50%,往往没能看到效果,原因是CSS中使用百分比定义高度时,如果父元素没有指定高度,那么子元素的百分比的高度设置了也没用,所以我们需要先设置父元素的高度。
时间:2015-4-26

css垂直居中

垂直居中对齐在前端开发中会经常碰到此类问题,用CSS来实现元素的垂直居中效果并不容易,利用CSS 来实现对象的垂直居中有许多不同的方法,但有很多方式在某些浏览器下可能无法正常的工作。下面介绍几种实现垂直居中的方式
时间:2015-4-25

css清除浮动

float是css样式中的定位属性,用于设置标签对象的浮动布局,当元素有浮动属性时,会对其父元素或后面的元素产生影响,会出现一个布局错乱的现象,css中可以通过清除浮动的方法来解决浮动的影响。解决浮动引起的问题有多种方法
时间:2015-4-17