仓酷云

标题: 给大家带来CSS属性:text-shadow,box-shadow,border-radius [打印本页]

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

RGBA能够使用于与色彩的任何属性,如字体色彩,边框色彩,背景色彩,暗影色彩等。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

TextShadow
笔墨暗影的布局按次为:x轴偏移,y轴偏移,含混,色彩。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

设置一个负值的x轴偏移将暗影转移到左边。设置一个负值的y轴偏移转将暗影转移到顶部。别忘了,你能够在暗影色彩中使用RGBA值。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

您也能够指定一个文本暗影列表(以逗号分开)。上面的示例利用两个文本暗影声明制造了笔墨凸版效果(顶部1px和底部1px)。
  1. text-shadow:01px0#fff,0-1px0#000;
复制代码
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

BorderRadius
界限半径(borderradius)的写法相似内边距(padding)和外边距(margin)属性(比方:border-radius:20px)。为使扫瞄器衬着界限半径属性,必要在属性称号加上前缀,Webkit引擎的扫瞄器为"-webkit-",Firefox则为"-moz-"。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

您能够为每一个边角指定分歧的值。注重:Firefox和Webkit的边角属性称号是不不异的。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

BoxShadow
盒暗影的布局和text-shadow不异,x轴偏移,y轴偏移,含混,色彩。
给大家带来CSS属性:text-shadow,box-shadow,border-radius
登录/注册后可看大图

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




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2