您正在查看 "div+css" 分类下的文章
2008年07月20日 星期日 下午 03:18
在编写CSS样式时，常常会出现一些问题，有些问题可以很快得已解决，而有些问题可能会浪费我们很多的精力和时间。特别是新手朋友，对各方面的知识不是非常了解，编码经验也有限，遇到问题手足无措，现收集整理了十个最容易范的错误，希望对大家有所帮助。文章介绍的比较简单，更多的知识欢迎访问CSS网页布局教程。
一、检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
二、检查CSS |
2008年04月06日 星期日 上午 08:34
所需要的基本知识：HTML的基本知识。
下面我们就开始一步一步使用DIV+CSS进行网页布局设计。
一、构思
1.用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来.
2.分析布局图，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
|
2008年03月08日 星期六 上午 08:45
1. CSS的要点是在你的页面中使用简洁的HTML代码,然后编写CSS"控制规则"来样式化页面中的对象.页面保持清晰有条不紊看上去非常棒.这样你的Html页面可以在移动设备和标准浏览器中运行.这就是CSS的要点.
不过CSS的艺术在于能够利用CSS控制规则快速有效地操纵页面对象.把CSS规则与HTML标记匹配起来的操做就好像是一种对话:两者需要条理清楚且保持同步,否则的话他们将答非所问,搞得你头大.
2.常规操作还是灵活匹配:假设你要样式化页面中一个<h1>header,可选择操作有:
|
2008年03月04日 星期二 上午 10:46
页面开发中经常用到CSS（层叠样式表）， 良好的CSS设计有助于设计出精美的页面：
margin是指层的边框以外留的空白，用于页边距或者与其它层制造一个间距。
background 是定义层的背景.
padding 是指层的边框到层的内容之间的空白。
content 是要表达的内容。
border 是边框.
color 用于定义字体颜 |
2008年01月16日 星期三 上午 09:23
八．控制颜色和背景的样式
控制颜色和背景的样式包括颜色属性、背景颜色、背景图片、背景图片重复、背景图片固定、背景定位六个部分。
1．颜色属性
基本格式如下：
color: 参数
颜色参数取值范围：
·以RGB值表示
·以16进制（hex）的色彩值表示
·以默认颜色的英文名称表示
以默认颜色的英文名称表示无疑是最为方便的，但由于预定义的颜色种类太少，所以更多的网页设计者喜欢用RGB的方式。RGB方式的好处很多，不但可 |
2008年01月16日 星期三 上午 09:19
五．控制字体的样式
控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。
1．字体类型
平时在使用WORD之类的字处理软件的时候，经常需要调整字体的显示，比如说“Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。
基本格式如下：
font-family: 字体名称
如果在font-family后加上多种字体的名称，浏览器回按字体名称的顺序逐一在用户 |
2008年01月15日 星期二 下午 05:39
css(cascading stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用css能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。
一．添加层叠样式表的方法
我们为网页添加样式表的方法有四种。
1．最简单的方法是直接添加在html的标识符（tag）里：
< tag style=”properties |
2008年01月05日 星期六 上午 09:24
(一)常用的css命名规则
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：searc |
2008年01月02日 星期三 下午 05:27
一.使用css缩写
使用缩写可以帮助减少你css文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。
二.明确定义单位，除非值为0
忘记定义尺寸的单位是css新手普遍的错误。在html中你可以只写width=100，但是在css中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都 |
2007年12月12日 星期三 下午 05:13
我们现在来构建一个示例，它将是一个具有真正灵活性的框，能容纳其内部的任何东西。
没有给框设定固定的宽度，使得当内容文字增多（或增大）时，框在水平和竖直方向都能伸缩
1.HTML代码结构
要实现一个在每个方向都灵活的框，面临的不幸事实是我们需要添加额外的代码。这些额外的代码是独立引用框的四角的图片所必须的，这样它才能根据需要在四个方向扩展。
要谨记，我们应该使用最少的HTML对象来作为背景 |
2007年12月12日 星期三 下午 04:56
1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。
如：
以下是引用片段：
div{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px soli #cccccc;
border-bottom:1px solid #cccccc;
}
可以写为：p{border:1px solid #cccccc}
再如 |
2007年12月12日 星期三 下午 04:47
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。
3、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A}
4、如果 |
2007年12月06日 星期四 下午 03:59
XTHM是目前国际上倡导的网站标准设计语言，因为XHTML网站设计语言具有的基本特点，这种CSS＋DIV模式的网站设计具有一定的优势，不过目前在网站建设应用中CSS＋DIV模式也存在一些问题。本文综合网站技术和设计人员的体会，并从网络营销应用的角度，将CSS＋DIV网站设计的优势和问题归纳如下：
CSS＋DIV网站设计的优势
首先，CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码（其真正意义在于，增加了有效关键词占网页总 |
2007年12月06日 星期四 下午 03:55
采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，就在今天下午，IT168首页改版就选择了这种做法。其实，早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。
很多SEO技术爱好者不是很明白CSS+DIV与TABLE相比到底有什么好处而来向我咨询，今天我来统一回答:)
根据我个人将近一年的网页编写经验，采用CSS+DIV进行网页重构相对与传统的 |
2007年12月01日 星期六 下午 12:52
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。Intern |
|
| 
