www.zishu.cn /*zishu.cn*/ *{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;} #info,#nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;} #info div{background:#FF0000; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} /*一些三角的写法*/ #com_a{ border-top:10px solid #FFFFCC;border-left:10px s...
简洁型css圆角： 方法1： 简洁型css圆角矩形 code1: < style type ="text/css" > .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{}{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,.b3b{}{height:1px;} .b2,.b3,.b4,.b2b,.b3b,.b4b,.b{}{border-left:1px solid #999;border-right:1px solid #999;} .b1,.b1b{}{margin:0 5px;background:#999;} .b2,.b2b{}{margin:0 ...
div＋css布局入门 这是在网页设计师上看到的一篇文章，很适合入门div＋css布局的人看，转了过来收藏，hoho～～ 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你...
作者:番茄红了 一、页面布局与规划 好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步...
DIV+CSS三行两列经典布局 师阿捷2004年发布在《 网页设计师》上的，一个非常经典的布局，在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下（在阿捷的代码基础上作了部分修改）： ＜html＞ ＜head＞ ＜meta http-equiv=’Content-Type’ content=”text/html; charset=gb2312″ /＞ ＜title＞SEO参考:XHTML之经典三行两列布局＜/title＞ ＜style type=”text/css”...
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 ...
这是陌生的师父教我的，他说这是他十年的功力，我要好好的领悟，也谢谢这位陌生的师父。 呵，看你是有慧根，所以不用从头教。几句话你就会了。写表现层代码，跟你写类一样，语义化很重要，再有就是表现层的代码是先构造灵活的结构层(html)，再 写css的，你练上几拳就会了，而结构层的代码除了命名要语义化，还要考虑模块化，尽可能使你的构造 能重用。 比如一个图文混排的代码如下：newstitle 你跟据这个结构定义的css就...
5款纯div+css制作的弹出菜单(标准且无js) 来源： http://www.cssplay.co.uk/index.html 整理： http://macrolong.com/blog/read.php?210 http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=1086 如需转载请注明出处，谢谢合作！！！ 一、最基本的：二级dropdown弹出菜单 HTML代码 二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU ...
呵呵，接着昨天看书的结果，继续来学习DIV+CSS，并把自己感兴趣的帖出来，希望大家可以一起学习，并提出宝贵的指导谢谢！ 因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如： @import url("main.css"); 然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法： @import "main.css"这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明...
随着火狐浏览器的市场占有率的提高,而IE则有所下降,特别是在欧洲那边,火狐浏览器的市场占有率更高,在没有一个统一的标准下,浏览器的兼容问题变得越来越重要.有时候在IE下看是好好的,在火狐或其他浏览器却面目全非了,那时候心里很不爽,很有挫败感! 在区别火狐和IE时最常用的是!important方法,对于其他不同浏览器和浏览器的不同版本的的兼容性问题还有下面一些方法,比如:@import,注释,属性选择符,子对象选择符和voice-family等方法...
乘着闲暇时间，自己弄了个web，主界面是用div+css布局，用ajax+javascript进行界面控制及获取数据！ 我就说说其中的div+css布局。 整个页面分为三大块，可以称之为：页眉（站标+横幅），主体（左边菜单+右边内容），页脚（显示版权及备案等信息）。三大块我用position:relative;相对定位来设置，这样有个好处，就是当某一块内容太多要阔涨时，其它部分也会相应的调整位置。 每一块内部采用float为left或right布局；在主体中，...
目前网上关于div+css专门的文章和文档(CHM类)很少,所以找资料到合适的资料也就成为了学习div+css很重要的一点.下面是一些我以前和刚收集的网站地址,供一起学习div+css学习的朋友参考 \#20;)r#28;?#2;D##1; 8@ u#21;p8*rN 网页设计师 #20;k_8za#24; Q#22;@#4;#26;6sV&M http://www.w3cn.org/ S#8;9U#15;"'A0{ #15;5#6;dE@g {| 这个算是老字号的网站了,主要是一些web标准的原理文章和一些原理等等,技术型文章很...
MAC风格的水平导航条(DIV+CSS)body{ background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #666666; padding: 0px; margin: 5px; text-align: center; font-size: 12px;} #nav{ width: 400px; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin:15px auto;}#nav ul{ margin: 0px; padding: 0px; list-style-type: none;}#nav li{ float: left; }#nav li a{ text-decor...
作者:番茄红了 四、页面制作(1)----用好border和clear 由于找工作找房子的原因，隔了这么久才能开始写教程，心里感觉很对不起一直在关注本站的朋友，今天是找到房子的第二天，于是赶快继续写教程。 这一节里面，主要就是想告诉大家如何使用好 border和 clear这两个属性。 首先，如果你曾用过table制作网页，你就应该知道，如果要在表格中绘制一条虚线该如何做，那需要制作一个很小的图片来填充，其实我们还...
这是用DIV+CSS+JS构成的树型菜单，采用列表,符合WEB标准，在大多数WIN浏览器下，兼容性不错，xhtml见效果页,我现在做的是二个菜单,如果需要添加,可把......之间的内容加上去,"submenuid"加1,查看效果。 CSS代码 body { margin: 0px; padding: 0; font: 12px " Arial, Helvetica, sans-serif; background: #FFFFFF; text-align: center;}ul{ margin: 0; padding: 0; list-style: none;}#treenav { margin: 10px; text-align: left...