仓酷云

标题: 给大家带来CSS3实例教程:CSS3下拉菜单代码剖析 [打印本页]

作者: 小女巫 时间: 2015-1-15 23:18
标题: 给大家带来CSS3实例教程:CSS3下拉菜单代码剖析
当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：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了

作者: 不帅 时间: 2015-1-22 09:23
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: 冷月葬花魂 时间: 2015-1-31 05:50
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 深爱那片海 时间: 2015-2-6 17:55
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 再见西城 时间: 2015-2-18 02:20
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 谁可相欹 时间: 2015-3-6 01:22
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 再现理想 时间: 2015-3-12 19:39
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 小妖女 时间: 2015-3-20 02:28
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

欢迎光临仓酷云 (http://ckuyun.com/)