续简单的div+css的布局之一 left-top.gif right-top.gif right.gif left-bottom.gif right-bottom.gif p3 实例 3 代码： body{ background:#fff; font:13px/1.5 Arial, Helvetica, sans-serif; margin:0; padding:0; } .rounded{ background:#aaa url(images/lt.gif) top le...
有不少网友在谈论用到div+CSS布局这个说法，用来和table布局比较。it560认为实际上div不是用来布局的，div只是用来表示一个其它元素都无法准确表达语意的一个块区，只有CSS是用于布局的，所以根本就不存在div+CSS布局这回事。反过来，table布局的时候经常依赖于CSS定义一个单元格的布局属性，所以可以说是table+CSS布局。也就是说，我们讨论的两种主流布局方法应该是纯CSS布局和table+CSS布局，如果你觉得你在用的是div+CSS布局，那...
一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：lin...
传统页面table来布局和显示数据缺点： 1、显示样式和数据是绑定在一起的 2、布局的时候，灵活度不高。 3、一个页面可能会有大量的元素，代码就会冗余 4、增加了带宽（200字节*2000000*30=？）。 5、搜索引擎不喜欢这样的布局。优点： 1、理解起来比较简单 2、不同的浏览器，看到的效果一般是相同的。 3、用于显示数据还是非常好的。div+css基本思想：数据和样式要分离div（区段）数据css文件，制定数据应当怎样显示。总结，div+css...
DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 用div盒模型结构给各部分内容划分到不同的区块，然后用css来定义盒模型的位置、大小、边框、内外边距、排列方式等。 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等...
1、居中问题div里的内容，ie默认为居中，而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto;2、高度问题设有两横行div排列，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在ff中会出现两个div重叠的现象；但在ie中， 下面的div会自动给上面的div让出空间。所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节。或者设置：overflow:hidden3、clear:both;拿footer为例，有时候如...
DIV+CSS 几种浏览器的兼容 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; IE7,IE8兼容: HEAD 1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE...
网站的历史已经有好多年了，到目前为止，众所周知的是，现在最流行的网站代码结构就是DIV+CSS，但为什么DIV+CSS会这么流行，有什么好处呢，今天天纵网站优化就跟大家谈谈CSS对于搜索引擎优化的帮助。 首先，要知道的是，CSS可以让你的网站代码结构清晰，不嵌套，从而对搜索引擎更友好，网站合理使用CSS，可以让搜索引擎的Spider（如：百度蜘蛛）对你的网站更具可读性，更容易被索引。 举个很简单的例子，你...
今天别人问我，我学习了一下，嘿嘿， 原理就是在一个层上加二到三个层，不过这些层只有左右边线，最上和最下有背景色，然后它们都有长度差距，就这样了，以下是我做的例子： <html 无标题页 .up1 { overflow:hidden; height:1px; margin-left:4px; margin-right:4px; background-color: Aqua; border-left:solid 1px Aqua; border-right:solid 1px Aqua; } .up2 { overflow:h...
1.相对定位(relative)所谓相对定位是指，相对该元素应当显示的左上角重新定位，虽然它脱离了标准流，但它原来的空间不能被占用。 2.绝对定位(absolute)所谓绝对定位是指，对该元素最近的那个脱离了标准流的元素(父元素)定位，如果没有父元素(或者有父元素，但父元素没有脱离标准流)，则相对body左上角定位。 3.固定定位(fixed)所谓固定定位，就是不管怎样，总是以视窗的左上角定位。 注意：left,top对static静态定位无效。stati...
属性名称字体属性（Font）font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文本属性Word-spacingLetter-spacingText-decorationVertical-alignText-transformText-alignText-indentLine-height边距属性Margin-topMargin-rightMargin-bottomMargin-left填充距属性Padding-topPadding-rightPadding-bottomPadd...
css下拉菜单演示* { margin:0; padding:0; border:0; }body { font-family: arial, 宋体, serif; font-size:12px; }#nav { line-height: 24px; list-style-type: none; background:#666; }#nav a { display: block; width: 80px; text-align:center; }#nav a:link { color:#666; text-decoration:none; }#nav a:visited { color:#666; text-decoration:none; }#nav a:hover { color:#FFF; text-decoration:none; font-weight:bold;...
一、行内元素和块元素 行内元素(inline element),又叫内联元素：内联元素只能容纳文本和其他内联元素。 常见的内联元素有：,, 块元素(block element):块元素一般都从新行开始，可以容纳文本，内联元素和其他块元素，即使内容不能占满一行，块元素也要把整行占满。 常见的块元素有：, 二、案例 运行效果： 从案例我们可以看出，行内元素只占能显示自己内容的宽度,不会占满整行；而块元素不管内容有多少，都会占满整行。 ...
class可以在页面里面重复使用，id由于在页面里面只能出现一次，所以不能重复使用，所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。 这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。 还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。 补充：class和id在页面里面的使用方法：...
HTML Code CSS 我的账户 购物车 电子目录 商城帮助 ...