CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 一、基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式； 样式声明写在一对大括号"{}"中； COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔； "#FF0000"和"#FFFFFF"是属性的值(value)。 1、颜色值 颜色...
看到、遇到过很多的企业网站或其它小型的展示类网站，有一些共同的特点，即顶部放一个大的导航或BANNER，右侧是链接或图片，左侧放置内容，页面底部放置版权信息等。这样的形式是国内经典式的布局，我们这里不对它的视觉效果作过多的讨论，我们今天说说如何用DIV+CSS实现三行两列的布局。 我们看下面的图片： 这样的结构大家再熟悉不过了，我们该如何用DIV+CSS实现它呢。我们看下面的分析图片： ...
现在全国大大小小的网站都在搞一场技术“革命”，就是所谓“网站重构”，说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。 在重构之前，肯定要了解为什么重构，为什么要用DIV+CSS技术?了解了这个问题，那么大家才有使用此技术重构网站的动力。各大CSS学习网站和教程无一例外都会列举出以下使用DIV+CSS的好处： 1、内容和形式分离，网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的...
如何用DIV+CSS来构建内嵌页面跟随按钮变化 效果说明图: CSS代码: .PartL { BACKGROUND: url() #ffd77b repeat-y; OVERFLOW: hidden; } .TabADS { OVERFLOW: hidden; WIDTH: 800px; } .TabADS UL { CLEAR: both; OVERFLOW: hidden; WIDTH: 800px; HEIGHT: 24px; } .TabADS LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/center1.jpg) #e4e4e4 no-repeat right 50%; FLOAT: left; PADDING-BO...
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 ...
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一...
一直用ie为准做网页，今天到火狐官方网站下了个没有google插件的安装了（特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！）打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索，先把几个简单的整理分享学习一下。1.最简单的鼠标移过手变型的css要改了 cursor:pointer; dw8下面自动出来的也没有hand这个属性了，标准的是pointer2.ff不支持滤镜 最常...
IE6、IE7、FF 与兼容性有关的特性CSS HACK代码:所有浏览器 通用height: 100px;IE6 专用_height: 100px; powered by 25175.net IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important（优先级）;一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important (不是很推荐，用下面的一种感觉最安全)随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提...
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对 应的什么CSS语句...
IE7.0 出来了，对CSS的支持又有新问题。浏览器多了，网页兼容性更差了，疲于奔命的还是我们 ，为解决IE7.0的兼容问题，找来了下面这篇文章： 现在我大 部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没 按要求显示！下面是三个浏览器的兼容性收集. 第一种，是CSS HACK的方法 height:20px; /*For Firefox*/ *height:25px; /*For IE7 & IE6*/ _height:20px...
CSS代码 *{ padding:0px; margin:0px;}body{ font-size:12px; line-height:150%; color:#666666}a{ color:#003399; text-decoration:none}a:hover{ color:#999900;}div{ overflow:hidden}.box{ width:300px; margin:10PX auto;}img{ border:0px;}.p5{ padding:5px;}.cle{ clear:both; height:0px;}.m{ border:1px solid #ccc;}.m h2,.m ul li{ height:25px; line-height:25px;}.m h2{ font-size:12px; background:#f7f7f7; paddi...
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对 应的什么CSS语句。 当你解...
发布几个国外的XHTML模板站，DIV+CSS模板下载第一个，Open Source Web Design(OSWD)开源设计http://www.oswd.org/第二个，solucija（精品）http://www.solucija.com/home/css-templates/第三个http://www.tristarwebdesign.co.uk/templates.html第四个 sixshootermediahttp://www.sixshootermedia.com/free-templates/第五个 openwebdesign和第一个Open Source Web Design(OSWD)是不同的哦，也是精品，不过有些是要钱的http://www....
Div+CSS布局入门教程 (2.写入整体层结构与CSS) 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： 无标题文档
初学DIV+CSS？有六个问题需要您关注一下！作为DIV+CSS初学者，如果在动手写代码之前对网页整体结构由一个清晰认识的话，写起来会事半功倍！但是，写的过程中总是有这样那样的问题，使得我们不得不停下来去查找资料，弄清属性定义等等！ 其实有很多方法可以在提高我效率的同时让我们对DIC+CSS有更深刻的理解！下面我们列举几点：一、CSS命名规范： 1、文件命名规范 全局样式：global.css； 框架布局：layout.css； 字...