5个CSS3技术实现设计增强
作者：暴风彬彬 来源：彬Go 发布时间：2009-09-04 17:04:00
标签：设计,css3,技术
层叠样式表(css)是Web设计的一种语言，CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢？虽然还有一些新属性没有得到官方的确认，但是一些浏览器已经开始支持来自CSS3得新特性了。
但问题是——许多浏览器支持了，唯独最主要的Internet Explorer浏览器仍不支持！
很多人尤其是中国的前端er们会觉得既然IE不支持，那就先不关心CSS3。其实不应这样的，CSS3现在能为我们带来什么好处呢？至少现在我们就能使用那些CSS3的新特性来进行设计增强。如果你赞成渐进增强这个理念的话，我想你一定会赞同彬Go的看法的~~
设计增强是指在不影响网站可用性的基础上，使用一些高级样式来提升网站的视觉效果。
其实对于如何区分设计增强与不影响可用性的区别还是有一定的困难的:
设计增强的例子：使用border-radius属性为盒模型添加圆角，让网站更富有吸引力。不过，即使圆角属性不被浏览器支持，它也不会影响网站的正常使用。
设计消弱可用性的例子：在某个元素上面层叠了一个使用了RGBA颜色值背景的元素，上面的元素使用半透明效果，很显然这两个元素都是必须让用户看到的。很显然，有一部分使用旧浏览器的用户想要看到下面的元素内容是很困难的，这种设计就降低了可用性。
下面彬Go将带你一同学习5个不同的CSS3属性，如果从现在起你就开始尝试在你的网站中使用它们，那你将让你的网站实现既设计增强又不会消弱可用性。
以下是在应用CSS3设计增强之前的普通效果:
0
投稿猜你喜欢
需要下载某网站的视频，chrome浏览器按F12打开开发者模式，发现视频链接是以"blob:http"开头的链接，打开这- 将无权点文件转化成邻接矩阵目前点文件是两列Excel代码，在进行复杂网络运算时需要转化成邻接矩阵。我在网上找了一个代码，稍微修改了下，亲测可
- 错误提示Invalid byte 1 of 1-byte UTF-8 sequence原因分析在中文版的window下java的默认的编码为
- 这篇文章主要介绍了python matplotlib给图中的点加标签,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习
- 第一种，使用reversed 函数，reversed返回的结果是一个反转的迭代器，我们需要对其进行 list 转换listNode = [1
- 如下所示：#coding:utf-8import cv2import sysfrom PIL import Imagedef CatchUs
- 目录提问：回答：真实情况：知识点结论：总结提问：mysql的字段，unsigned int(3), 和unsinged int(6), 能存
- 本文实例讲述了JS+CSS实现闪烁字体效果的方法。分享给大家供大家参考，具体如下：<div id="blink"&
- 环境内容：Pyhon版本：3.7.1scikit_learn==0.20.0graphviz==0.8.4numpy==1.15.3pand
- PDOStatement::getAttributePDOStatement::getAttribute — 检索一个语句属性(PHP 5
- PHP将ppt转成图片查看PHP安装COM组件1、如php版本>5.3.15，需要保证ext文件夹下有php_com_dotnet.d
- 前言如果你在寻找python工作，那你的面试可能会涉及Python相关的问题。通过对网络资料的收集整理，本文列出了100道python的面试
- MySQL添加新用户，见文章底部。按照正常思维，创建用户和设置密码什么的，应该是一个动作完成的。然而事实并非如此。我每次都是通过在网上找代码
- UDP 套接字是可以使用 connect 系统调用连接到指定的地址的。从此以后，这个套接字只会接收来自这个地址的数据，而且可以使用 send
- 在数据库testDB中存在架构A及用户A，现将testDB数据库所属的用户由A改为B，同时删除用户A；架构也由A改为B，删除架构A，操作如下
- 安装配置vim-plug安装vim-plugcurl -fLo ~/.vim/autoload/plug.vim --create-dirs
- 事先说明哦，这不是一篇关于Python异常的全面介绍的文章，这只是在学习Python异常后的一篇笔记式的记录和小结性质的文章。什么？你还不知
- 原数据lambda函数处理我之前写了各种if substr函数，各种报错正确到热泪盈眶的函数data['Followers/Fans
- 这主要是因为杀毒软件将一些asp关键词当作木马特征，记录保存着，所以遇到有这个关键词，就会禁止运行或删除。解决的方法是将这些关键词给拆开。把
- 最近仿写一个项目,如下目录,base内部都是一些基础的组件,但是并没有在main.js 中使用常规的方式去全局注册的,刚开始还不明白没有注册
