`
文章列表
 随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,而52CSS.com也立足于CSS网页布局技巧的普及,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。   如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉,比较上手; 但是,它却阻碍了一种更好的,更有亲和力的,更灵活的,而且功能更强大的网站设计方法——DIV+CSS。  CSS网页布局的意义体现在如下方面:   一、使页面载入得更快     由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立 ...
CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天52CSS.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题?   被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的margin双倍边距bug问题   例如: Example Source Code [www.52css.com] <style type="text/css">      body {margin ...
最近领导让整理个CSS规范做个内部培训,搜了搜资料,觉得这篇文章总结得不错,既然有现成的,先摘来瞅瞅。         善用css缩写规则     /* 注意上、右、下、左的书写顺序*/ 1.      关于边距(4边): 1px 2px 3px 4px ( 上、右、下、左) 1px 2px 3px    (省略的左等于右) 1px 2px         ( 省略的上等于下) 1px            (四边都相同)   2.      简化所有:
导言: 本文探讨的是圆角框的终极解决方案,其核心关键词是“圆滑、完美、兼容、重用性、语义”,这些技术都是收集目前网络上最流行的做法。纵观种种方法,各有其优势,请针对不同的环境分别使用。 圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设计元素。现在的web标准 下大量的网页、博客都采用圆角框设计,成为一道亮丽的风景线。 然而,就是这个圆角,却成为了网页前端人员心中永远抹之不去的阴影,对它,可以说是又痛又爱。爱的是它的漂亮,痛的是要让它兼容通行于各种不同的浏览器却成为一个永远的神话。 让我们来回顾一下目前网络流行的都有哪些解决方案。 第一种:无图片 ...
复杂的设计技巧总是很花时间,也实在是….复杂 (-_-||)。 高级效果 为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简 ...
提升网页和博客设计品质的一些实例和技巧 “高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧。 接下来我会给大家列一些要点,并附上相应的例子,与大家分享一下我在别人的网页设计中寻找“高品质”的过程。   01. 留白 在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用。留心不同内容区块之间的间距和排列方式,能让你的设计的整体感官大不一样,从而提升设计的品质。 我觉得处理好留白的 ...
Yoast       Sarah Longnecker       Cognigen         Mystery Tin      
凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回光线,也都或多或少产生阴影。光线和阴影帮助我们去感知我们的所见,并且帮助我们理解材质纹理、尺寸大小以及位置空间 。 所以,当我们试图让Web页面设计更加自然生动、栩栩如生的时候,对于光线和阴影的透彻理解就显得相当重要了。以下5种利用光线和阴影的技法 让你的页面得以重塑,使它们在屏幕上变得引人注目。 光线和阴影的快速解析 在下面这个简单的图例中,我们可以看到,光源从画面左上方投射过来,高光在光线最强的那一面上,而阴影则落在离光源最远的那一面。在这张图片中,通过光和影的表现,我们得以了解物体的外观和纹理质感。   ...
      闲得慌的那阵子,玩开心网真的成瘾了。可惜ID里同学老乡很少,这帮人整天在QQ、MSN上荡,于是我心血来潮也想鼓捣一个全是自己人的SNS社区。       这一想法得到了老公的大力支持,通过UCENTER的程序,网站的架构 ...
在玩开心网成瘾的过程里,我萌发了自己也倒腾一个SNS社区的想法,于是在老公的帮助下,历时一个月的域名注册审核时间,稍加修改界面后,用UCENTER建立的衡东吧 www.hengdong8.cn终于正式上线了。第一次当站长的感觉还蛮爽的。欢迎博友也来加入。           
在这个互联网,并不是的有人都掏心掏肺让你可以真正学到东西。所以,找到一个有高质量,有内容的资源和灵感网站并不是一件容易的事。自从自己学习网页设计以来,收集了不少网站,这里,分享10+必备设计资源和灵感的网 ...
15个帮你搞定CSS的资源 1. Stack Overflow Stack Overflow 是一个有点社会性媒体和论坛风格的网站,关注编程和程序研究工作,CSS只是其他一个方面。   任何人都可以(你完全可以不注册账号)在上面提问或者回答问题,并且可以顶和埋这些回答,让有用的回答更容易被发现。   2. CSS-Discuss.org CSS-Discuss 是一个庞大并且活跃的邮件列表,你可以通过参与邮件列表来回答和提问问题,也可以浏览它的归档查找某个问题,或浏览wiki并参与建构里面的内容。   3. CSS 帮助手册
本文链接: <noscript></noscript> http://www.blandboy.net/blog/article.asp?id=632 中式网站之古典风格,中国特色网站作品整理(全)   震泽古镇 http://www.zhenze.com.cn/龙门古镇 - 【 三国东吴孙权故里 】http://www.hzlmgz.com/index.htm乌镇http://www.wuzhen.com.cn/周庄-中国第一水乡http://www.zhouzhuang.net/中国浙江·古镇西塘http://www.xitang.com.cn/木渎古镇http:// ...
  条件注释的格式 所有可用的条件注释标签是基于相同的原理的。这些条件注释可用于所有的IE浏览器版本。 <!--[if IE]>如果用户使用IE浏览器,这里的信息会生效。<![endif]--> 根据情况不同,你需要添加一个浏览器版本号。比如,或许你想让IE5.5使用一个不同的样式表:  <!--[if IE 5.5]> <link rel="stylesheet" href="css/ie5.css" type="text/css" media="screen, projecti ...
前一段时间研究过用JS控制页面浏览器变化时自动调用不同样式的问题,今天在蓝色理想上又看到了类似的代码,特摘抄下来以备后用。   用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 <link href="1.css" rel="stylesheet" type="text/css" id="css"> 我定义的id是css。 第二步:写一个js函数,代码如下: <script type="text/javascript ...
Global site tag (gtag.js) - Google Analytics