一、 善用css缩写规则 /*注意上、右、下、左的书写顺序*/ 1. 关于边距（4边）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px （省略的左等于右） 1px 2px (省略的上等于下) 1px （四边都相同） 2. 简化所有： */ body{margin:0}------------表示网页内所有元素的margin为0 #menu{ margin:0}------------表示menu盒子下的所有元素的margin为0 3. ...
近日查看了一些资料自己研究写了一个网站布局，采用高度自适应，css样式表如下： * { margin:0; padding:0; } BODY { font-size: 12px; font-family: "Verdana" , "Arial" , "细明体" , "sans-serif"; text-align: center; background-image: url(../images/bg.gif); } table { FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Arial", "细明体", "sans-serif"; } /*空行*/ .space10{ height:10px; float:left; width:100%; } /*实现...
DIV+CSS 斜线效果很简单，只需设置一下CSS Border 的边框就能有斜线效果。代码分享给大家，你可以自己变通。 http://www.admin10000.com 提示要注意两点：1、DIV宽高的定义。2、DIV在 IE6 中默认是有高度的。 上图右边是我们要实现的效果，代码如下： #box{ width:0px; height:0px; border:40px solid #000; border-top-color:#930; border-bottom-color:#0C3; border-left-color:#FC0; border-right-c...
关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美，用firefox一测试，乖乖一探糊涂 惨不忍睹。经过一番研究发现兼容很 简单。 1、增加 div {overflow: hidden;},目的就是让div自动适应内容高度2、横排的div外套div 另外设定ul { margin: 0px; padding: 0px;}是消除li前面的空格 div+css兼容性问题 CSS 兼容要点：DOCTYPE 影响 CSS 处理 FF: div ...
续简单的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...
1. 导入外部css： 2. 横排div #search { width: 10%;float: left;} float: left; 这个属性让search往左浮动，这样它的后面（右边）就可以放置别的元素。 3.两个div连在一起，不留空隙 #a { background: #ff0000; width: 70%;height: 20px; float: left;}#b { background: #ff0000; width: 30%; height: 20px; float: right; } 4. div外边框border: 1px solid #ccc; 5. 虚线 6. ...
有不少网友在谈论用到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+JS 这三者都是互相影响的，缺一不可。 首先写好CSS样式， CSS #divbg { width: 100%; height: 100%; position: absolute; z-index: 999; top: 0px; left: 0px; filter: alpha(opacity=50); ...
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 以下为引用的内容： #wrapper { width: 100px!important; width: 80px; } 2, IE6/IE77对...
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（如：百度蜘蛛）对你的网站更具可读性，更容易被索引。 举个很简单的例子，你...