css
紫梦冰凌
成功=态度+坚持+机遇
展开
-
css3 display:box
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari(-web转载 2014-03-30 10:22:07 · 715 阅读 · 0 评论 -
css3 width属性的calc()及box-sizing
calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em)”,这样一来你就不用考虑元素DIV的宽度值到底是多少,而把这个烦原创 2014-03-30 11:15:06 · 923 阅读 · 0 评论 -
精通Css伪类
有了css的伪类,网页的交互更加丰富,实现也更加简单.逐渐这些本来是js干的事,css慢慢掺和进来.而且实现很简单,我们当然会选择后者.我们已经熟悉了一些原始时代就存在的伪类,比如:link,:visited,:active,:focus,:hover等在这里只简单提一下::link 未被访问的链接:visited 已被访问的链接:hover 鼠标直于上方:active 一个元转载 2014-04-20 11:50:28 · 644 阅读 · 0 评论 -
css水平垂直居中
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。1Line-Height Method试用:单行文本垂直居中,demo代码:html转载 2014-03-29 21:48:01 · 509 阅读 · 0 评论 -
清除浮动
css清除浮动大全,共8种方法清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏转载 2014-05-20 13:18:07 · 392 阅读 · 0 评论 -
背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。查看演示DEMO将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本转载 2014-07-14 13:53:40 · 791 阅读 · 0 评论