利用CSS设置透明效果-兼容所有浏览器
由于各种不同类型浏览器对CSS支持的程度不同,以及对CSS的渲染存在差别,为了实现某一特效,往往需要单独针对某一浏览器编写特定的CSS代码。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
由于各种不同类型浏览器对CSS支持的程度不同,以及对CSS的渲染存在差别,为了实现某一特效,往往需要单独针对某一浏览器编写特定的CSS代码。
CSS3标准新增动画(animation)属性(@-webkit-keyframes),通过简单的定义动画过程的三个帧即可实现完美的动画效果。
随着CSS的发展,CSS3新增一些有关Borders、Colors、Text effects 等属性,丰富了页面的显示效果,甚至可以代替某些图片样式(例如阴影等)。
在编写菜单、导航条等CSS代码时,经常需要让里面的内容垂直方向居中排列。
这里利用line-height属性及height属性让元素垂直居中。
页面布局元素的宽度可自行调整以适应浏览器宽度或父元素的宽度。
通过对CSS边框属性(bottom-border)的样式定义来制作树状目录。
在Wordpress中检测浏览器的类型,并根据浏览器类型定义CSS样式表,提高CSS样式表的兼容性。
在CSS样式表中,我们经常会看到pt、 px、em、ex、in等单位,作为网页设计师,必须了解这些单位以及换算关系。
圆角是常用的设计元素之一,但HTML元素都是以方形的形式存在,但是通过给这些元素设置背景图片,就能创建圆角效果。
一个优秀的网站要尽量兼容所有浏览器,但由于浏览器类型多样(IE 5, IE 6, IE7, IE 8, Firefox, Chrome, Safari),以及浏览器对CSS高版本的支持问题,这就给网页开发者带来诸多困难。