仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 578|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS3实例教程:CSS3下拉菜单代码剖析

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:18:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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了
不帅 该用户已被删除
沙发
发表于 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)
再见西城 该用户已被删除
5#
发表于 2015-2-18 02:20:16 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
谁可相欹 该用户已被删除
6#
发表于 2015-3-6 01:22:38 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
再现理想 该用户已被删除
7#
发表于 2015-3-12 19:39:52 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小妖女 该用户已被删除
8#
发表于 2015-3-20 02:28:50 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-21 04:44

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表