设置a:hover标签运行后，鼠标放在a上，整体会发生左移或右移的情况，若要a位置不变，则设置好a:hover的margin的职，不断改变，直到a的位置不变即可。
li{ margin: 2px 3px 3px 8px; padding: 5px; background: url(/images/sider_siteinfo.gif) no-repeat 0 50%; list-style-type: none; list-style-position: inside; } 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 li{ margin:...
body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}ul { list-style:none;}img { border:0px;}a { color:#05a; text-decoration:none;}a:hover { color:#f00;}#layout ul li { width:72px; float:left; margin:20px 0 0px 20px; display:inline; text-align:center;}#layout ul li a { display:block;}#layout ul li a img { padding:1px;...
1.CSS基本语法：包括3个方面，选择器、属性、属性值。 选择器 { 属性 : 属性值; } 注意： 1)属性必须包含在{}中。 2)属性和属性值之间用:分隔。 3)多个属性时，用;进行区分。 4)书写属性时，属性之间使用空格、换行等不影响属性的显示。 5)一个属性有多个属性值，每个属性值之间用空格分隔开。 2.CSS的调用方式： 包括3种，行间调用（元素中直接定义样式）、内部调用（页面中定义样式）和外部调用（单独写样式文件被调用）...
1,盒解释器的不同解释. #box{width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#bo.....点击浏览详细内容文章来源:http://www.knowsky.com/442377.html
前段时间需要用到图片在同一个DIV中垂直居中 四处寻觅 好不容易获得 在此和大家分享 首先申明，这不是我写的，只是搜索到的。 ul,li{ margin:0; padding:0; list-style-type:none;}.box{ width:800px; height:500px; background-color: #FFC; border: 3px solid #000;}.left { width:220px; height:500px; display:table; text-align:center; float: left; border-right-width: 1px; border-right-style: ...
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链 接...
DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条;Firefox IE测试通过.辛苦几天的结果啊平行共三行,中间行分两列,左边固定宽度,右边自适应,并且对行宽度设置了最小值,如果窗口小到最小值以下将出现滚动条,这样一来布局就不会乱了.下面两句很重要的.百分比情况下窗口人为缩小的时候布局混乱问题就解决了. .divGlobal,.DivTop,.DivBottom{min-width: 760px;width: expression(document.b...
yahoo 标签 .tag_box { width:400px; height:126px; border:1px solid #B0BEC7; font:12px Arial, Helvetica, sans-serif; margin:50px; overflow:hidden} .tag_box ul.menulist { width:402px; height:20px; overflow:hidden; margin:0} .tag_box ul.menulist li { float:left; width:80px; text-align:center; height:19px; line-height:19px; background:url(tag_bg1.gif) repeat-x; position:relative; list-style-ty...
最近做了个项目，样式是用CSS控制，发现在使用了response.write后样式发生了变化，位置和字体都不正确。Response.Write("输出流顺序 在 .aspx.cs 中使用 Response.Write 的输出会出现在页面的最顶部 会导致页面布局得不到预期效果 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 通常情况不要用response.write，他会打乱你的面向对象模型 －－－－－－－－－－－...
（1）对于一个层内有浮动的层，主层应该用OVERFLOWER：HIDDEN，以消除内层的浮动导致的其它外的影响。 比如: < div id = " main1 " > < div id = " son1 " style = " float：left; display:inline " > aa </ div > </ div > < div id = " ...
无标题文档 .content a.left{ float:left;} #yz{ margin-left:90px;} 创建于：2005-05-05 园主：username 成员：1234 访问：12...
我和作者的观点差不多.标准好,但是未必实用. 以下是ZT文章: 经年以来，许多优秀的文章都在赞美着基于 CSS 设计的优越， 哀叹着基于表格设计的没落。但却很少有人换个角度想想，或许是因为你得在了解并运用了基于 CSS 的设计之后才可以批评它， 而一旦了解了之后，你又不愿意回头去用原先的老式设计方法了。 为了弥补一下这种不平衡，也因为在这场游戏中扮演一个大反派挺酷的，我决定写篇文章，说说为何在某些情况下，传统的表...
DOCTYPE的选择 DOCTYPE的选择也就是文档类型选择，这决定页面元素和定义的CSS会不会生效，因为在不同的DOCTYPE中，页面中可以使用的HTML元素不同，让我们一起来看一下。 什么是DOCTYPE DOCTYPE是Document Type(文档类型)的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本，要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明，只有确定了正确的DOCTYPE，XHTML中的标识和CSS才能正常生效。 选择...
1.区别IE和非IE浏览器 #tip { background : blue ; /*非IE 背景?色 */ background : red \9 ; /* IE6、IE7、IE8背景?色 */ } 2.区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」 【示例】： #tip { background : blue ; /* Firefox 背景变蓝色 */ background : red \9 ; /* IE8 背景变红色 */ *background : black ; /* IE7 背景变黑色 */ _background :...