代码: < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" /> < title > 黑色CSS菜单 </ title > < style > #menu { background : #333 ; float : left ; list-style : none ; margin : 0 ; padding : 0 ; width : 100% ; height : 0px ; } ...
Untitled Document body { margin:0; padding:0; font: bold 11px/1.5em Verdana;} h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px;} /*- Menu Tabs--------------------------- */ #tabs { float:left; width:100%; background:#BBD9EE; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px...
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 最佳CSS定义换行代码 .wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 这里 overflow:hidden;或者 auto； 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非...
要求：在不同的浏览器下，要求字多的时候，框会自动延伸，字少的情况下是200px，字没有的情况下还是这个高度。此例子主要用了(!important) CSS代码： *{padding:0; margin:0}body{ font-size:30px;padding:100px}.box{width:300px; height:auto !important; min-height:200px;border:5px solid #000000} HTML代码: View Code 1 2 smart工作室 3 smart工作室 4 smart工作室 5 smar...
方法一： /* CSS Document */ body,html{ margin:0px; padding:0px; text-align:center; background:#e9fbff; } #container{ position:relative; margin:0px; padding:0px; width:700px; /*必须要有宽度否则无法对齐*/ text-align:left; background:url(container_bg.jpg) repeat-y; } 方法二： /* CSS Document */ body,html{ margin:0px; padding:0px; background:#e9fbff; } #container{ position:relative; left...
表格边框间距属性(border-sapcing)用来定义表格中独立边框之间的间距。在表格边框间距属性中，使用的属性值是长度值。其语法如下所示。border-spacing：length;****************************************************************注意：当在表格边框合并属性中使用合并显示值(collapse)的时候，使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性，只有在Firefox等浏览器中，才能够显示出间距的正常效果。********...
把分割线之后的代码复制到dreamweaver新建一个html文件,在“代码”视图保存，预览可见效果，注意CSS的设置 -----------------------------------我是超级分割线----------------------------------- 代码： 无标题文档#header { background-color: #00FFFF; height: 120px; width: 800px; margin-right: auto; margin-left: auto;}#body { width: 800px; margin-right: auto; margin-left: auto;}#body #right { background-col...
在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute 、static、relative和fixed）中的绝对定位（absolute positioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动（float）概念。 绝对定位或浮动都能够用来实现分栏效果。二者可以独立使用，也可以结合在一起，相辅相成。 一、绝对定位 绝对定位的优势在于，我们可以...
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，...
按照CSS规范，浮动元素（float）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签...
1、 常见实用的水平导航条 新建一个html文件： 代码： 常用水平导航制作方式 #globallink{ margin:0px; padding:0px; /*边界、填充均为0*/ clear:both; /*清除浮动*/ } #globallink ul{ list-style:none; /*不显示列表图象，默认实心圆等*/ padding:0px; margin:0px; dis...
1.第一种，鼠标经过的跟随信息显示： < html > < style > ... .info {...}{ position:relative; background:#fff; color:#666; text-decoration:none; font-size:12px; width:150px; text-align:center; border:1px solid #ccc; height:25px; line-height:25px;}/**//*设置链接的...
Div + CSS Example, Wayhome's Blog #wrap{overflow:hidden;} #sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;} Left Middle Middle Middle Middle Middle Middle Middle Middle Middle Right
实现代码: < style type ="text/css" > #sfContainer1 { font : bold 10pt simsun, tahoma ; background-color : #808080 ; height : 30px ; line-height : 30px ; padding-left : 20px ; } #sfFrontText { color : #FFFFFF ; position : absolute ; padding : 0px ; z-index : 1 ; } #sfBackText { ...
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 :...