-
2014-03-22
Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来,各主流浏览器会全面支持该属性。
通常情况下…
http://www.wfuyu.com/htmlcss/10135.html
-
2014-06-15
网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。
问题的症结所在
< STYLE type=text/css> .…
http://www.wfuyu.com/htmlcss/10125.html
-
2014-06-01
CSS 相对定位
相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。
如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么…
http://www.wfuyu.com/htmlcss/10119.html
-
2014-02-02
例如:.html文件代码如下,
以下为引用的内容:<html> <head> <title>居中DIV</title> </head> <body> <div id="mainDiv> 居中的div </div> </body> </html>
则实现居中的方法CSS代…
http://www.wfuyu.com/htmlcss/10118.html
-
2014-05-21
在w3ctech上闲逛,偶然看到了第一期讨论的话题"网站重构中的文件组织",于是想写篇自己关于css组织的理解和想法,如下:1.分类1.1网站频道类|--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center;|--base层:包含header,menu,footer及一些常用组件,如popup,ti…
http://www.wfuyu.com/htmlcss/10115.html
-
2014-02-09
在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以参看我的《超圆滑圆角框的半完美解决方案…
http://www.wfuyu.com/htmlcss/10096.html
-
2014-03-03
网(LieHuo.Net)教程 在前面的教程中,我们曾经讲过一篇《选项卡(Tab)鼠标自动手动切换效果》的文章,在这篇文章中,我们已经介绍了关于类似IE浏览器选项卡的三种形式。无独有偶,今天在博客园再次看这样的例子,于是再次转载过来给大家分享,希望各位站长和建站爱好者继续支持网,我们会做的更好…
http://www.wfuyu.com/jscript/10094.html
-
2014-01-29
xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到。
开始吧:
1、打开photoshop cs2 ,打开设计出的网站首页。用切片工具切好。
图:
2、点 文件-》存储为web所…
http://www.wfuyu.com/htmlcss/10089.html
-
2014-03-22
在Zhan.Liehuo.Net的大多数文章中,我们并未特别注意CSS文件的可维护与可读性的问题,当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成。所以,结构优良的代码能很大程度上优化它…
http://www.wfuyu.com/htmlcss/10079.html
-
2013-12-28
这个新闻轮换控件能在网页上的同一个地方显示几条新闻。新闻被拆开几页,为了放置在一个指定的区域。每一页也能包含一对新闻列表。 通过点击底部的页码,能够在不同的页面之间导航,点击页的每个新闻项,就能查看新闻的详细信息。新闻能像幻灯片一样去查看。它提供自动切换下一个(幻灯片)功能,以及…
http://www.wfuyu.com/jquery/10068.html