css3 选择器_IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述

对于Web开发者来说，CSS3不只是一门新奇的技术，更重要的是这些全新概念的Web应用给开发人员带来了无限的可能性，也极大地提高了开发效率。我们不必再依赖图片或者JavaScript去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。

1 CSS3在选择器上的支持

CSS3在选择器上的丰富支持使得开发人员可以灵活地控制样式。通过选择器的使用，开发人员不再需要在编辑样式时使用多余的、没有任何语义的class属性，而可以直接将样式与元素绑定起来，利用属性选择器可以很容易地根据属性值的开头或结尾选择某个元素，利用兄弟选择器可以选择同级兄弟节点或紧邻下一个节点的元素，利用伪类选择器可以选择某一类元素，从而节省在网站或Web应用程序设计完成后又要修改样式所花费的时间。

2 CSS3在样式上的支持

只要提起CSS3的特性是什么，回答最多的就是“圆角”。不错，圆角这个功能可以让前端布局节约大量的时间和精力去切图拼凑一个圆角。CSS3还支持阴影(盒阴影和文本阴影)和渐变；可以自定义字体(使用@font-face)；对于连续文本换行也新增了一些属性，这既解决了连续英文字符出现页面错位的问题，也不需要后端程序去截取这个连续字符；可以给边框添加背景，支持背景调整大小和背景透明处理。

3 CSS3对于动画的支持

CSS3支持的动画类型有：变换、过渡和动画。你可以对特定的属性设置transition和animation的值实现动画效果。

4 在实际开发中该如何使用CSS3

首先应遵循一个优雅降级的原则，比如前面谈到的圆角，我们可以针对Firefox和Safari等支持圆角的浏览器应用CSS圆角，而那些不支持CSS圆角的浏览器则显示为直角。其次，对于不支持CSS3的浏览器，可以使用JavaScript脚本来实现。在向用户或企业推广新技术的同时也要关注他们的目标与可行性，不能为了技术而技术。

css3 选择器_IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述相关推荐

css 如何重设外部样式的属性值_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值5...
CSS综合实例在Web页面中经常使用栏目显示分类内容.本例将使用HTML和CSS结合编写一个分类栏目模型,用于演示前面介绍的CSS应用.通过使用独立的文件定义样式表,并在HTML文档中使用link标 ...
colordialog通过哪属性取其颜色_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值1...
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体.文本.背景.位置.边框.列表,以及其他一些样式属性.每个类中的属性都可以单独使用:如果同一个类中多个属性一起使用,还可以将它们整合为一行 ...
html5 标准结构_IT兄弟连 HTML5教程 HTML文件的主体结构
每个页面都是一个独立的HTML文档,每个HTML文档的主体结构又都是相同的,而且在一个文档中这样的主体结构只能声明一次.可以简单的将HTML文档主体结构分为两部分,一部分是定义文档类型,HTML5中声 ...
传智学员信息登记表html代码_IT兄弟连 HTML5教程 HTML5文字版面和编辑标签使用HTML表格...
表格在网站中应用得非常广泛,使用它可以方便.灵活地排版,很多动态大型网站也都是借助表格排版的,但现在都使用DIV+CSS进行页面布局.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.在H ...
dreamweaver 正则表达式为属性值加上双引号_IT兄弟连 HTML5教程 HTML5表单新增的表单属性3...
9 novalidate novalidate是属性规定在提交表单时不应该验证form和input域.novalidate属性适用于的类型有:text.search.url.telephone.ema ...
html5文字特效教程视频,IT兄弟连 HTML5教程 CSS3属性特效自定义文字
原标题:IT兄弟连 HTML5教程 CSS3属性特效自定义文字字体使用是网页设计中不可或缺的一部分.经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页 ...
兄弟连html5在线画板,IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容
原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几 ...
html 移动设备不显示,IT兄弟连 HTML5教程在移动设备上设置原始大小显示
原标题:IT兄弟连 HTML5教程在移动设备上设置原始大小显示在iPhone系列和iPod Touch中使用的是Safari浏览器,它支持前面介绍的媒体查询表达式.例如,使用iPhone 320p ...
html5发展前景-兄弟连,IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生
原标题:IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义 ...

css3 选择器_IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述

css3 选择器_IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述相关推荐

最新文章

热门文章