placeholder 字体颜色设置
发表于
css3
分类，标签:
17
07月
2015
0
placeholder字体颜色设置::-webkit-input-placeholder{/*WebKitbrowsers*/ color: blue;}:-moz-placeholder{/*MozillaFirefox4to18*/ color: blue;}::-moz-placeholder{/*MozillaFirefox19+*/ color: blue;}:-ms-input-placeholder{/*InternetExplorer10+*/ color: blue;}...
CSS3:border-radius隐藏的威力
发表于
css3
分类，标签:
10
07月
2015
转自（http://www.xincss.com/?p=221）Publishedby 朝心 at10:35under 未分类|更多这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。如何使用border-radius属性下面是border-radius属性最基本的使用方法。1234567.round {border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */-webkit-border-radius: 5px; /*&...
CSS3弹性盒模型flexbox
发表于
css3
分类，标签:
06
07月
2015
弹性布局（flexiblebox）模块（目前是w3c候选的推荐）旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。最重要的是弹性盒子布局与方向无关，相对于常规的布局（块是垂直和内联水平为基础），很显然，这些工作以及网页设计缺乏灵活性，无法支持大型和复杂的应用程序（特别当它涉及到改变方向，缩放、拉伸和收缩等）。属性介绍display:flex|inline-flex;(适用于父类容器元素上)flex：none|[ flex-grow ]||[ flex-shrink ]||[ flex-basis ]默认值：看各分拆属性适用于：弹性盒模型...
Box-shadow常被遗忘的一个参数——“spread”
发表于
css3
分类，标签:
01
07月
2015
本文转自（http://www.w3cplus.com/css3/css3-box-shadows-unnoticed-spread）早前在《CSS3box-shadow》一文中详细介绍了Box-shadow的使用。他可以让我们轻松的实现盒子阴影效果，多个站点都有这方面的介绍，比如说：peterkroener.de、dev.opera.com、viget.com，本站中的《CSS3制作DropShadow效果》也介绍了十几种阴影效果。但记得有一回在群里和朋友讨论这个属性时发生热烈的讨论。讨论的主题就是：box-shadow: 0 10px 10px #ccc;和box-shadow: 0 10px 10px -10px #ccc;这两种写法哪种是正确的。一开始我以为...
CSS box-flex属性，然后弹性盒子模型简介
发表于
css3
分类，标签:
26
06月
2015
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1338一、淡淡的开头语昨天趁着不想工作的时间间隙闲逛24ways，在MyCSSWishList一文中，见到了个新鲜的CSS属性，就是题目中的box-flex，以前没有见过，顿生疑惑，不知是骡子还是马，于是习惯性谷歌之，真是不谷不知道，一谷吓一跳。倒不是该属性本身，而是此属性作为导火索，让我了解了下CSS3中新的盒子模型——弹性盒子模型(FlexibleBoxModel)。对于我这样的流体布局控而言，这种盒子模型的出现就好比打麻将杠上开花杠到绝张边七条，让人兴奋不已。在国外，弹性盒子模型早在去年就开始被提及，研究，与应用。然而，自己现在才第一次听到此概念，真是一不留神就out了...
css3详细讲解radial-gradient和repeating-radial-gradient
发表于
css3
分类，标签:
19
06月
2015
radial-gradient()<radial-gradient>：repeating-radial-gradient([<position>,]?[[<shape>||<size>]|<shape-size>{2},]?<color-stop>[,<color-stop>]+);参数详细解释<position>：（圆心坐标）x轴：[<length>①|<percentage>①|left|center①|right]? y轴：[<length>②|<percentage>②|top|center②|bottom]?&nb...
css3实现一个div设置多张背景图片及background-image属性
发表于
css3
分类，标签:
19
06月
2015
引子以前做网页布局的时候，一个div只能设置一张背景图片，设置多个背景的话，要用多个div嵌套才能实现，这样兼容性比较好。若您的网站要求兼容浏览器低版本，建议用这种方法。css3的出现，解决了一个div只能设置一个背景的问题，使一个div可以设置多个背景图片。background-image还可以设置线性渐变，等效果。题外话关于css3的background，功能很强大，有很多属性，像background-size等等，这些属性都可以写一篇博客来讲述。关于css3background的其他属性，后面会出博客来单独讲述！CSS3/CSS1background-image属性语法:background-image：<bg-image> [ , <bg-image> ]*<bg-image> =&n...