专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅
  用纯css打造星级评分效果正在被越来越多地应用在网络中,结合ajax等技术,可以渲染出很出色的视觉效果和很棒的用户体验。  首先用中文写一下这个效果的算法:  1.使用背景图片的位置切换来获得星级效果;  2.整个效果最关键的地方就是“三层理论”,整个效果分为三层——空分层、分数层和打分层,三层的布局均为absolute,以避免ul本身自带的相对布局(当然用div也可以获得同样效果);  3.空分层就是使用背景图片中的“空星”作为背景,并横向平铺;  4.分数层的宽度等于(分数*图片宽度)得到的数值,并且使用背景图片中的“分数星(例子中为黄... [阅读全文] [PDF]
Div + CSS 网页布局教程制作符合Web标准的网站,使内容,结构,表现与行为相分离,表现标准语言主要包括CSS等。 点击链接查看相关教程 Div+CSS布局网站设计的优点! ... [阅读全文] [PDF]
1、class和id选择符──可以制做属于你自己的选择符◎→http://www.52css.com/article.asp?id=3452、组合与嵌套──给多个选择符或者在选择符内的选择符赋值◎→http://www.52css.com/article.asp?id=3463、CSS伪类──定义连接选择符的多种状态◎→http://www.52css.com/article.asp?id=3474、快捷属性缩写──很多属性如边框border和边界margin都可以把其他方向的属性组合在一起◎→http://www.52css.com/arti... [阅读全文] [PDF]
当容器的position属性值为fixed时,这个容器即被固定定位了。固定定位和绝对定位非常类似,不过被定位的容器不会随着滚动条的拖动而变化位置。在视野中,固定定位的容器的位置是不会改变的。在D:\web\目录下创建网页文件(XHTML1.0),命名为pos_fix.htm,编写pos_fix.htm文件代码如代码11.21所示。 代码11.21 CSS固定定位:pos_fix.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo... [阅读全文] [PDF]
当容器的position属性值为relative时,这个容器即被相对定位了。相对定位和其他定位相似,也是独立出来浮在上面。不过相对定位的容器的top(顶部)、bottom(底部)、left(左边)和right(右边)属性参照对象是其父容器的4条边,而不是浏览器窗口,并且相对定位的容器浮上来后,其所占的位置仍然留有空位,后面的无定位容器仍然不会“挤”上来。在D:\web\目录下创建网页文件(XHTML1.0),命名为pos_rel.htm,编写pos_rel.htm文件代码如代码11.22所示。 代码11.22 CSS相对定位:... [阅读全文] [PDF]
1 共5条 分1页