Flywe の Blog - Ajax 另类二级联动菜单(DIV+CSS) .CateDIV { BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 300px; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #808080 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #ddeeff; TEXT-ALIGN: left ...
新学CSS，经常会碰到定位DIV的情况，这句CSS可以让DIV自动居中： position: absolute; width:420px; height:230px; left:50%; top:50%;margin-left:-250px; margin-top:-100px; border: 1px solid #ccc; 收藏以免忘记 position: absolute;是绝对定位 position:relative;是相对当前的元素的上级元素
Div+CSS布局入门教程 (2.写入整体层结构与CSS) 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： 无标题文档
预览最终效果>> form{ margin: 0px; padding: 4px;}#member{ width: 170px; background: #F1F1F1; text-align: center;}label{ width: 40px; float: left; text-align: right; padding: 3px 0px 1px; color: #666666;}input{ border: 1px solid #CCCCCC; margin: 1px; padding: 1px; font-family: Arial; font-size: 12px; color: #666666;}.bt{ width: 22px; height: 20px; font-size: 10px; color: #333333; border: solid 1px ...
想必大家都注意到的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无...
顶部 边栏 内容 css .header{border-bottom:1px solid #ccc;margin-bottom:5px;}.MainContainer{min-width: 960px;max-width: 1600px;}.sidebar{width:180px;float:left;margin-right: -175px;border-right:1px solid #ccc;min-height:500px;padding:5px;}.main{float:left;margin-left: 1...
Post moved to http://blog.tangcs.com/2008/09/19/modal-dialog-with-javascript-and-css/
CSS Sprites在国内很多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中，再利用CSS的背景图片定位到要显示的位置。这样做可以减少文件体积，减少对服务器的请求次数，提高效率。 讲CSS Sprites之前，先把背景图片给搞清楚 #menu ul li a { background:#ccc url(images/nav_bg2.gif) 0 0 no-repeat; } css背景属性缩写后如上所示，#ccc表示背景色；url（）里是背景图片路径；接下来的两个数值参数分别是...
代码如下： Code 无标题文档 .scroll_div { width:660px; height:146px; margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff; margin-left:-6px; } .scroll_div img { width:128px; height:140px; border: 0; margin: auto 2px; border:3px #ccc solid; } #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul l...
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;...
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...
设置透明度：20% filter:alpha(opacity=20); /*IE适用*/ -moz-opacity:0.2; /*Firefox适用*/ 两句话一起写，就可以使两种浏览器都应用了。
#head{height:40px;background-color:#0033CC;margin:0;}#content{background:#CCCCCC;height:200px;margin:0;}#left{width:20%;height:200px;background:#CCCC66;float:left;margin:0;}#c{width:60%;height:200px;background:red;margin:0;float:left;}#right{width:20%;height:200px;background:#339966;float:right;margin:0;}#foot{background:#0099CC;height:40px;margin:0;}head left content rigthfoot
CSS是样式,DIV是层.DIV+CSS是网站标准（web标准），通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别.因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 1：学会HTML语言，再学习DIV+CSS时会得心应手。 看得懂HTML语法，那么世界上80%的网站都能被你看穿。HTML语言很好学，一定要熟记常用的一些代码，因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了...
标签 描述 DTD 定义文档的样式信息。 STF 定义文档中的节。 STF 定义文档中的节。 STF html代码教程/参考手册 html代码热搜 如何使用图片按钮作为重置(reset)表单按钮超链接的宽度和高度直接设置不起作用的解决方法textarea的disabled与readonly属性具体用法介绍空格在Html中如何表示( 有什么含义)在js或css后加?v=版本号不让浏览器缓存块...