小女巫 发表于 2015-1-15 23:18:53

给大家带来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:31

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

冷月葬花魂 发表于 2015-1-31 05:50:52

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

深爱那片海 发表于 2015-2-6 17:55:57

滚动条)层属性--溢出(visible/hidden/scroll/auto)

再见西城 发表于 2015-2-18 02:20:16

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

谁可相欹 发表于 2015-3-6 01:22:38

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

再现理想 发表于 2015-3-12 19:39:52

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

小妖女 发表于 2015-3-20 02:28:50

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
页: [1]
查看完整版本: 给大家带来CSS3实例教程:CSS3下拉菜单代码剖析