仓酷云

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

[DIV+CSS] 给大家带来CSS属性:text-shadow,box-shadow,border-radius

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

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

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

x
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
网页制造poluoluo文章简介:这篇文章将对CSS的几个新属性(text-shadow,box-shadow,andborder-radius)做基础先容。这些CSS3属性一般用来增强页面结构。
这篇文章将对CSS的几个新属性(text-shadow,box-shadow,andborder-radius)做基础先容。这些CSS3属性一般用来增强页面结构。RGBA
后面的3个值是RGB色彩值,最初一个值是通明度的级别(0=通明,1=不通明)。

RGBA能够使用于与色彩的任何属性,如字体色彩,边框色彩,背景色彩,暗影色彩等。

TextShadow
笔墨暗影的布局按次为:x轴偏移,y轴偏移,含混,色彩。

设置一个负值的x轴偏移将暗影转移到左边。设置一个负值的y轴偏移转将暗影转移到顶部。别忘了,你能够在暗影色彩中使用RGBA值。

您也能够指定一个文本暗影列表(以逗号分开)。上面的示例利用两个文本暗影声明制造了笔墨凸版效果(顶部1px和底部1px)。
  1. text-shadow:01px0#fff,0-1px0#000;
复制代码

BorderRadius
界限半径(borderradius)的写法相似内边距(padding)和外边距(margin)属性(比方:border-radius:20px)。为使扫瞄器衬着界限半径属性,必要在属性称号加上前缀,Webkit引擎的扫瞄器为"-webkit-",Firefox则为"-moz-"。

您能够为每一个边角指定分歧的值。注重:Firefox和Webkit的边角属性称号是不不异的。

BoxShadow
盒暗影的布局和text-shadow不异,x轴偏移,y轴偏移,含混,色彩。

一样,您能够设置一个以上的盒暗影。上面是三个盒暗影声昭示例。
  1. -moz-box-shadow:-2px-2px0#fff,2px2px0#bb9595,2px4px15pxrgba(0,0,0,.3);
复制代码
英文原稿:TheBasicsofCSS3|WebDesignWall
</p>
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
简单生活 该用户已被删除
沙发
发表于 2015-1-17 22:07:25 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
透明 该用户已被删除
板凳
发表于 2015-1-22 05:41:09 来自手机 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
只想知道 该用户已被删除
地板
发表于 2015-1-30 23:18:13 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小妖女 该用户已被删除
5#
发表于 2015-2-17 16:49:25 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
莫相离 该用户已被删除
6#
发表于 2015-3-5 21:33:51 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
精灵巫婆 该用户已被删除
7#
发表于 2015-3-12 15:37:13 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-16 13:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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