作者:番茄红了 三、页面顶部制作(2)----使用列表 制作菜单 开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。 这一节我将告诉大家如何用列表 来制作菜单。 程序代码 首页 博客 设计 相册 ...
完全用DIV+CSS做的菜单，相比传统用图片做的打开速度更快。预览最终效果>> #nav{ height: 44px; width: 425px; background: #FFFFFF;}.vline{ background: #999999; width: 1px; height: 20px;}#nav ul{ margin: 0px; padding: 0px; list-style-type: none;}#nav li{ float: left; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center;}#nav li a{ display: block; width: 84px; line-height: 28px; col...
作者:番茄红了 三、页面顶部制作(1) 当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。 在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码： 程序代码 /*基本信息*/ body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;} a:link,a:visited {font-size:12px;text-...
一、css特性 1.继承子元素会继承父元素的某些样式，因为有些子元素本身就有默认的样式。 2.层叠子元素如果定义了与父元素相同的样式，会覆盖掉父元素的样式。 二、css的一些使用小技巧 1.就一个比较特殊的字体想用，怎么办？ 将其转为图片。分中英文字体。设置字体的顺序。将英文字体设置在前，中文在后。 2.想让文字在垂直方向上居中显示，将行高设置为元素的高度，行高(line-height)==元素高度.注意：******文字的内容不能...
转自 http://www.dayanmei.com/blog.php/BlogID_12.htm 对于刚入门学DIV,CSS布局的朋友来说,不知道从那里下手,我以为从分析优秀网站的源代码来学习div,css布局是一个不错的方法,这篇div+ css布局教程是我自己在边分析边学习中总结出来的,如果你要转载请注明出处,另外本人特别声明:本教程只是分析淘宝网站的HTML,CSS源代码,作为 一个教程的例子,达到学习DIV+CSS排版的效果,请勿模仿淘宝,或者仿照淘宝制作网站,谢谢,这是第一篇,淘...
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 ...
出处：蓝色理想 责任编辑：moby 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的...
作者:番茄红了 二、写入整体层结构与CSS 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： 程序代码 无标题文档 这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在标签对中写入DIV的基本结构，代码如下： 程序代码 ...
1.段落里面(p标签)不能嵌套div. 2.Css:层叠式样式档，同一个标签可以用多个样式修饰。 3.css种类：内联式，嵌入式，外部，输入。 内联： aaaaaaaaaaa 缺点：复用性差。 嵌入： p { font-size:50px; color:red; background-color:green; text-decoration:underline; } // 好处：可以控制整个网页的某些标签。 外部： 输入： 在css文件中或者style标签中使用@import url(demo.css)； 4.样式规则选择器...
在前面我们分析了淘宝网页的顶部代码,这次我们来分析淘宝网页的导航条,对于刚入门学DIV,CSS布局的朋友来说,不知道从那里下手,我以为从分析优秀 网站的源代码来学习div,css布局是一个不错的方法,这篇div+ css布局教程是我自己在边分析边学习中总结出来的,如果你要转载请注明出处,另外本人特别声明:本教程只是分析淘宝网站的HTML,CSS源代码,作为 一个教程的例子,达到学习DIV+CSS排版的效果,请勿模仿淘宝,或者仿照淘宝制作网站,由此产...
DIV+CSS技术优势 业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 Very excellent webmaster club www.caifuw.com 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和...
对于刚入门学DIV,CSS布局的朋友来说,不知道从那里下手,我以为从分析优秀网站的源代码来学习div,css布局是一个不错的方法,这篇div+ css布局教程是我自己在边分析边学习中总结出来的,如果你要转载请注明出处,另外本人特别声明:本教程只是分析淘宝网站的HTML,CSS源代码,作为 一个教程的例子,达到学习DIV+CSS排版的效果,请勿模仿淘宝,或者仿照淘宝制作网站,谢谢,这是第一篇,淘宝顶部排版方式 我们看看原始图片 通过观察,我...
最经做一个项目系统使用div+css来控制前台显示界面发现在各个浏览器下显示的效果由很大的出入，现在找一些关于div+css关于浏览器的一些资料做一个汇总，也算是对div+css知识的一个学习。 区别火狐和IE时最常用的是 !important 方法,对于其他不同浏览器和浏览器的不同版本的的兼容性问题还有下面一些方法,比如 :@import , 注释 , 属性选择符 , 子对象选择符 和 voice-family 等方法,这些方法在 《css网站布局实录》 中有讲述....
在《欲练 CSS ，必先宫 IE》和《你有 强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它元素都无法准确表达语意的一个块区，只有CSS是用于布局的，所以根本就不存在div+CSS布局这回事。反过来，table布局的时候经常依赖于CSS定义一个单元格的布局属性，所以可以说是table+CSS布局。也就是说，我们讨论的两种主流布局方法应该是纯CSS布局...
一、页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我...