仓酷云
标题:
DIV教程之css3教程:笔墨暗影剖析
[打印本页]
作者:
仓酷云
时间:
2015-1-15 23:55
标题:
DIV教程之css3教程:笔墨暗影剖析
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
网页制造poluoluo文章简介:比来我由于要安装Firebug1.4招致我不能不安装了Firefox3.5,以是很不当心地打仗到了Wordpress背景那大度的笔墨暗影.也就是CSS中的text-shadow属性.以是明天我收拾了一些材料,但愿能够对人人有所启示.起首我们看看wordpress2.8背景利用了text-shadow的部分(绿
比来我由于要安装Firebug1.4招致我不能不安装了Firefox3.5,以是很不当心地打仗到了Wordpress背景那大度的笔墨暗影.也就是CSS中的
text-shadow
属性.以是明天我收拾了一些材料,但愿能够对人人有所启示.
起首我们看看wordpress2.8背景利用了text-shadow的部分(绿色箭头).以为怎样?没错,这些都是CSS3属性,而不是图片做成的.
text-shadow是甚么?
text-shadow早在CSS2中已存在,而如今CSS3也筹办将他到场个中.而且因为一向以来只要Safari撑持这个属性以是我们很少见到真实的使用,直到比来Firefox3.5对它的撑持然从头唤起了人们对它的乐趣.
text-shadow
能够撑持给笔墨加上暗影,如许我们在计划时能够使用css3属性增添笔墨的质感而不必利用任何图片.
今朝撑持的扫瞄器有Firefox3.1+,Safari3+,Opera9.5+等古代扫瞄器(数据大概有偏向).固然IE家属是没法撑持的.
接上去看看text-shadow的语法:
text-shadow:colorlengthlengthlength;
color:色彩;length分离按按次指“
X轴偏向长度Y轴偏向长度暗影含混半径
”
正值在X轴暗示向右,负值暗示向左.一样的事理Y轴负值是暗示向上.个中恣意一个值能够为零也可为空(将做默许处置)
举个例子:
text-shadow:-1px2px3px#ffb69a;
暗示X轴偏向暗影向左1px,Y轴偏向暗影向下2px,而暗影含混半径3px,色彩为#ffb69a
一些实验与demo
我做了点小小的实验,做成了一个
Demo页面
.为了让扫瞄器
不撑持
text-shadow的用户看到暗影效果,请间接看以下
截图
(有位伴侣说谁人”火鸟”看起来像”鸡”):
更好的控制页面布局。不用多说。
作者:
金色的骷髅
时间:
2015-1-17 23:50
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者:
爱飞
时间:
2015-1-26 21:19
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者:
海妖
时间:
2015-2-4 22:57
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者:
小女巫
时间:
2015-2-10 23:14
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者:
兰色精灵
时间:
2015-3-1 17:58
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者:
admin
时间:
2015-3-10 22:40
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者:
精灵巫婆
时间:
2015-3-17 12:30
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
作者:
活着的死人
时间:
2015-3-24 12:11
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
欢迎光临 仓酷云 (http://www.ckuyun.com/)
Powered by Discuz! X3.2