-
2013-11-24
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用样式。这将非常强大,因为它允许不同的设…
http://www.wfuyu.com/htmlcss/10343.html
-
2014-02-16
网(LieHuo.Net)教程 在新浪、腾讯QQ,百度新闻大家会见到他们的新闻网页里有一个被包围的广告区域,在以前曾经试了很多次不知是如何做的,现在知道是用CSS定位来做,设置一个宽为1px的空白层,利用该层的高度控制广告层上、下的位置。firefox和opera还有少量偏差,基本可以满足使用。
<!DOCT…
http://www.wfuyu.com/htmlcss/10337.html
-
2014-04-04
数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。
先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中…
http://www.wfuyu.com/htmlcss/10334.html
-
2014-04-26
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。
这些统计中比较有趣的部分是,IE6、IE7、IE8之间的数值很接近,这防止了单个Microsoft的浏览…
http://www.wfuyu.com/htmlcss/10308.html
-
2014-05-08
本篇文章适合css新手学习,对于已经掌握了css的朋友们也可以通过本片文章来复习知识。
作者通过实践,认为在有些情况下css的代码是可以更加简洁的,多数情况下是因为新手对于一些具有多属性的元素代码不能精简来写造成的。
精简的代码对于网页是有莫大的好处的,对于浏览者访问速度会有一定的提升,另…
http://www.wfuyu.com/htmlcss/10300.html
-
2014-01-21
自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。
普遍的错误:被裁切的背景(查看演示) 看一下示例文件,在128…
http://www.wfuyu.com/htmlcss/10289.html
-
2014-01-16
建站学院CSS教程 我们都知道,要构建一个对用户和Google两面都要好的网站是件不容易的事情。如果我们要迁就Google让它尽可能的发现网站的价值,那么在设计网站时就会在用户体验上大打折扣。Google的蜘蛛爬虫至今仍无法很好的辨识一些高级的Web技术,如Flash、Ajax等,它们有时候就像小孩子一样,你需…
http://www.wfuyu.com/htmlcss/10287.html
-
2013-12-25
图片外框特征参数: ①dashed:虚线 ②dotted:点虚线 ③solid:实线 ④double:双线 ⑤groove:沟槽状 ⑥ridge:脊状 ⑦inset:内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑:Gray/Xray ②差值:Invert ③水平:Fliph ④垂直:Flipv ⑤羽化:Alpha(Opacity=100,Style=2) ⑥透明度:Alpha(Op…
http://www.wfuyu.com/htmlcss/10278.html
-
2013-10-20
关于容器的包涵关系
很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。
关于高度的问题
如果是动态地添加内容,高度最好不要定义。浏览器可以自动伸缩,…
http://www.wfuyu.com/htmlcss/10252.html
-
2014-02-01
jquery其实是有个进度条插件的,叫做jqueryprogressbar.js,可是想练习一下,就没有用,自己写了点代码。这个代码其实是参考别人的,因为自己的JS基础不是很好。
其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一下,不多说了。
效果图
需要用到的图片:
…
http://www.wfuyu.com/jquery/10250.html