文章分类 -  CSS

摘要：当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：/*基本信息*/body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}a:link,a:visited {font-size:12px;text-decoration:none;}a:hover{}/*页面层容器*/#container {width:800px;margin:10px auto}样式说明：a: 阅读全文

摘要：大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！对于div1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}<div id="wrap">ddd1111111111111111111111111111111111</div>效果：可以实现换行2.（Firefox浏 阅读全文

摘要：在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、ME. 阅读全文

摘要：table的标准格式<table id=""> <colgroup> <col class="" /> </colgroup> <thead> <tr> <th class=""></th></tr> </thead> <tbody> <tr> <th></th> </tr></tbody> </table>单行显示：1. table 阅读全文

摘要：div显示滚动条的css代码<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>div显示上下滚动条的css代码<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>div只显示上下滚动条OVERFLOW-Y:scroll;这段是关键修改div滚 阅读全文

摘要：内容水平排列：#id li { display: inline; } 阅读全文