在网页制作中，有许多的术语，例如：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； 字...
常见错误 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3. 确定错误发生的位置 如果错误影响了整体布局，则可以逐个删除div块，直到删...
DIV+CSS网页布局对搜索引擎优化SEO的影响: 搜索引擎优化SEO主要是通过对网站的结构，标签，排版等各方面的优化，使Google,百度等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。下面介绍一下DIV+CSS网页布局对SEO的影响. 1.表格的嵌套问题 很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几...
从布局内容到页面里文章文字居中都是非常重要的，而 css来设置居中也是非常简单的。 1、首先介绍使用css属性让整体布局的居中：设置对象的父级内容居中，这里一个页面的为父级是什么呢？我们可以想象整个页面的内容是由和这两个包含，那根据较近父级我们就设置body的CSS来实现居中问题，可以向在内容里居中有text-aligh:center;具体css的居中代码为：body{text-aligh:center; } 但是即使这样也会出现问题，因为你没有设置布局有...
在Web开发中我们经常要碰到这样的问题：在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的，而垂直居中就需要使用一些Css的技巧： 1. 首先为了能使得网站能够根据浏览器大小自适应，我们需要将页面的body元素height值设为100%，而在这之前，我们需要将xhtml验证从网站头删除。 之后在页面上添加如下css文件设置body的高度为100%，html元素的设...