摘要：CSS兼容问题一直困扰着CSSer，面对各浏览器，往往感觉束手无策，愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法，在各浏览器厂商解析CSS没有达成一致前，我们只能用这样的方法来完成这样的任务。 我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、Opera9（文章撰写时版本为9.25 8825），Safari3（文章撰写时版本为3.0.... 阅读全文

摘要：对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。 一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页... 阅读全文

摘要：Web网页配色方案 一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1. 在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。 2. 在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。 3. 在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。 4. 在红中加入少... 阅读全文

摘要：我们在设计网站或者广告的时候，绝对不会仅仅使用某一种颜色，通常都需要搭配使用多种颜色来获得较好的配色效果。而为了对这种多种颜色的混合使用进行评价，就需要引入新的分析方法——配色印象空间。 为了得到“配色印象空间”的具体形状，又利用SD方法进行了相应的测试。其中，“配色印象空间”的纵横坐标值同样是柔和——生硬、动态-静态。 调查结果发现，在“配色印象空间”中： 给人静态柔和感觉的，通常都... 阅读全文

摘要：现在的网站界面UI设计越来越丰富多彩，各种各样的形式、结构都有可能遇到。仔细的观察UI效果图，合理的运用HTML标签来组织内容，使HTML文档具有良好的结构，将外观表现完全分离到CSS中。 本文作者：52CSS.com 如需转载请建立本站链接（http://www.52css.com/），并且不得随意改动文章内容、保留此版权声明文本！ 本站52CSS.com介绍一款新颖别致的网站栏目列表元素。... 阅读全文

摘要：1.样式命名 外　套： wrap 主导航： mainnav 子导航： subnav 页　脚： footer 整个页面：　content 页　眉： header 页　脚： footer 商　标： label 标　题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： ri... 阅读全文

摘要：我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。 Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、B... 阅读全文

摘要：一、所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个" /"来关闭它。例如： 二、所有标签的元素和属性的名字都必须使用小写 与HTML不一样，XHTML对大小写是敏感的，和是不同的标签。XHTML要求所有的标签和... 阅读全文

摘要：1.简约 2.居中布局 3.不要过多使用竖列布局 4.页面头部和主体有所分离 5.明显的区域分界 6.简约的导航栏 7.粗体字的LOGO 8.文本大些 9.更大的内容主题和简介文字 10.明亮、强烈的颜色 11.3D质感 12.使用渐变色 13.高光和投影 14.精美的ICON 15.多角星标签 简短的介绍和图片，列举出Web2.0网站十五个显著的流行风格要素。不必在一个设计中应用下列所... 阅读全文

摘要：颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧! ★淡淡的浅色系及延伸应用 蓝：背景#E8F5FE　边... 阅读全文

摘要：做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。 二、布局（以下用#ID表示页面元素） #Head和#Foot里的就不说了，具体... 阅读全文

摘要：52CSS原创，如需转载请建立本站链接（http://www.52css.com/），并且不得随意改动文章内容、保留此版权声明文本！ 建立符合Web标准的网站，谈表格即色变的态度完全不可取。在页面中不可避免的存在着表格类型的数据内容，例如分析报表，统计报表，财务报表等等。表格类型的数据就应该使用表格来表现。对于页面的布局则应该完全摒弃表格，用合适的标签来表现页面的结构、组织页面内容是我们的目... 阅读全文

摘要：页头：header 登录条：loginbar 标志：logo 侧栏：sidebar 广告：banner 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：... 阅读全文

摘要：页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处... 阅读全文