|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
破洛洛文章简介:CSS3实例教程:CSS3下拉菜单代码剖析.
上个礼拜我公布了一篇CSS3下拉菜单,有人反应说我将CSS代码注释的不敷具体。那末,这篇文章将会对新的CSS属性作出注释,包含:text-shadow,box-shadow和border-radius。这些CSS3属性是最经常使用到的,懂得它们准没错。
RGBA
前三个值是RGB色彩值,最初一个值暗示通明水平(0代表完整通明,1代表完整不通明)。
RGBA能够使用于任何计划色彩的属性,比方笔墨色彩、边框色彩、背景色彩、暗影色彩等等。
笔墨暗影
笔墨暗影依照以下按次构造:x-offset,y-offset,blur,color;
将x-offset设置为正数值会将暗影向右边挪动。将y-offset设置为正数值会将暗影向下面挪动。不要健忘你还能够给暗影色彩使用RGBA值。
你还能够给笔墨使用一系列的笔墨暗影(利用逗号离隔)。上面的例子利用了两个笔墨暗影声明创立出笔墨嵌进的效果(顶部1个像素和底部1个像素)。
text-shadow:01px0#fff,0-1px0#000;
边框半径(译者注:圆角效果)
边框半径的简写体例和内边距和外边距很类似(比方:border-radius:20px;)。为了使扫瞄器可以衬着边框半径,必要赐与webkit为内核的扫瞄器在属性前加上”-webkit”,给Firefox扫瞄器加上”-moz-”。
你能够给每个角使用分歧的值。要注重webkit扫瞄器和Firefox在角的称号的写法上分歧。
盒模子暗影
盒模子暗影的属性按次和笔墨暗影属性的按次类似:x-offset,y-offset,blur和color。
和后面一样,你能够使用多个盒暗影。上面的例子是三个盒暗影的声明列表。
-moz-box-shadow:
-2px-2px0#fff,
2px2px0#bb9595,
2px4px15pxrgba(0,0,0,.3);
</p>
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了 |
|