命名问题 页头：header 登录条：loginbar 标志：logo 侧栏：sidebar 广告：banner 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：regsiter 状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情...
xml(extensible Markup Language)的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在web上，也可以应用在任何地方。标准称为可能。 XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。它实现HTML向XML的过渡。 CSS是Cascading Style Sheets层叠样式表的缩写。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站...
上一个系列（Css基础学习?索引）我们介绍了Css的基础属性和使用，我们从现在开始讲解Css+Div布局的一些内容。大家准备好，我们要开始布局之旅了。如果你对Css还不是很熟悉的话，可以去看看我前面的几篇文章。 如果我们要进行Css的布局，那float（浮动）就是最为关键的一个属性了。浮动可以使你的块元素不遵守元素流的布局特性，如果不采用浮动，元素将一个接一个地往下排列。float属性有三个值：left、right和none，后面我们就会使...
一个客户说要用DIV+CSS布局，两列，其中导航列宽度不确定（由里面的TreeView控件确定），而与它并列的内容列宽度要做到自适应，也就是 内容列宽度+导航列宽==固定值（总宽度） 但是，内容列宽度 和 导航列宽 都没有一个定值，而网上的大多自适应列宽代码都是基于一个定值的 无奈，我写Winform出身的对CSS+DIV知之甚少，只能通过JavaScript来完成了，效果还可以，IE7.0和Firefox2.0测试通过 下面的代码中，...
使某个盒子（div）居中显示最简单的方法： .sheft{ margin-right: auto; margin-left: auto; width:90%;}
--技巧 先对每个较大DIV的CSS样式设置 border:solid 1px blue 整体布局调整完再去掉 1.先弄最外框的 View Code 1 2 3 2.马上加上CSS View Code 1 2 3 #outterDiv{ width:600px; }4 5 3.分析布局左右结构 View Code 1 2 3 4 5 6 7 4.加上CSS View Code 1 .InnerDiv { width:49%; float:left; overflow:hidden; margin-left:5px; display:...
最后显示效果如下图： 代码： < html xmlns ="http://www.w3.org/1999/xhtml" > < head runat ="server" > < title > Sammy Test Div </ title > < style type ="text/css" > #rtop{}{ margin:0 auto; height:30%; vertical-align:middle; text-align:center; font-family:Arial; font-size:x-lar...
并不是每一个浏览器都可以正确显示设定的CSS，那有什么办法可以让一些CSS使每一个流行的浏览器都可以一致的显示出网页。哈哈，世界上真的有这么好的事情，可以将一些不兼容的情况统一，这一类都叫做CSS hack。我下面就简单得介绍一个CSS hack。 在任何标准兼容的浏览器中，针对包含其它元素的元素，其总宽度的计算需要结合这些容器的宽度以及它们的padding和border来考虑。这也就是说300像素宽的容器的实际总宽度为：300像素加上p...
5R-再生资源门户网 /* Reset */ body { color: #000; background: #fff; font-size: 12px; line-height: 166.6%; } body, input, select, button, textarea { font-family: verdana,simsun,sans-serif; } h1, h2, h3, h4, h5, h6, select, input, textarea, button, table{font-size: 100%;} bod...
内容简介 随着Web 2.0的大潮席卷而来，网页标准化CSS+DIV的设计方式正逐渐取代传统的表格布局模式，对CSS的学习也成为设计人员的必修课。 本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用。着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用...
CSS布局常用的方法：float : none | left | right 取值： none :? 默认值。对象不飘浮 left :? 文本流向对象的右边 right :? 文本流向对象的左边 它是怎样工作的，看个一行两列的例子 xhtml: 这里是第一列 这里是第二列 CSS: #wrap{ width:100%; height:auto;} #column1{ float:left; width:40%;} #column2{ float:right; width:60%;} .clear{ clear:both;}...
1、简介：为何使用表格排版是不明智的？ 表格之所以存在于 HTML 中，只是为了一个目的：显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止，表格仍然主导着视觉丰富的网站的设计方式，但它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法。 2、概览：这对我有什么用处？ 我们将告诉你这样一种工作方式，它会： 使你的页面载入...
页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的...
----------------------------------------------------------------------------------------------------------------------------*********************************************************************************************************** 前言：为方便大家学习css，我的朋友凌雨草特花了些时间为大伙的制作一个方便的txt教程。其实div+css布局，主要就是会用css贝，你学会了他写的教程一般的div+css布局就没啥不明白的...
div css布局网页(全过程) 一、创建html模板及文件目录等1.创建html模板。 代码如下： "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">CompanyName - PageName @import "css/master.css"; 将其保存为index.html,并创建文件夹css，images 2.创建网站的大框： 建立一个宽760px的盒子，它将包含网站的所有元素。 在html文件的和之间写入Hello world. 创建css文件，命名为master.css,保存...