文章分类 -  CSS+DIV

上一页 1 2
WEB2.0标准教程：第十一天 不用表格的菜单
摘要：布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片： 样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;} 页面代码： 以上代码现在应该容易理解。先在CSS定义了一个logo的层，然后在页面中调用它。需要说明的是，为了使网页有更好的易用性，web标准要求大家给所有的、属于正式内容的图片，加一个alt属性。这个a... 阅读全文
posted @ 2008-10-17 17:07 恩恩爸爸 阅读(229) 评论(0) 推荐(0)
WEB2.0标准教程：第十天 自适应高度
摘要：如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面)： Example Source Code [www.52css.co... 阅读全文
posted @ 2008-10-17 17:01 恩恩爸爸 阅读(214) 评论(0) 推荐(0)
WEB2.0标准教程：第十天 自适应高度
摘要：如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面)： Example Source Code [www.52css.co... 阅读全文
posted @ 2008-10-17 16:49 恩恩爸爸 阅读(7960) 评论(0) 推荐(0)
WEB2.0标准教程：第九天 第一个CSS布局实例
摘要：接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过程... 阅读全文
posted @ 2008-10-17 16:47 恩恩爸爸 阅读(136) 评论(0) 推荐(0)
WEB2.0标准教程：第九天 第一个CSS布局实例
摘要：接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过程... 阅读全文
posted @ 2008-10-17 16:34 恩恩爸爸 阅读(126) 评论(0) 推荐(0)
WEB2.0标准教程：第八天 CSS布局入门
摘要：CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20p... 阅读全文
posted @ 2008-10-17 15:44 恩恩爸爸 阅读(153) 评论(0) 推荐(0)
WEB2.0标准教程：第七天 CSS入门
摘要：在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。 如果你已经很熟悉了，可以跳过这一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。 是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ·其中"p"... 阅读全文
posted @ 2008-10-17 15:10 恩恩爸爸 阅读(136) 评论(0) 推荐(0)
WEB2.0标准教程：第六天 XHTML代码规范
摘要：在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。 了解这些规范可以帮助你少走弯路,尽快通过代码校验。使我们的代码有一个统一、唯一的标准！ 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/... 阅读全文
posted @ 2008-10-17 14:17 恩恩爸爸 阅读(124) 评论(0) 推荐(0)
WEB2.0标准教程：第五天 head区的其他设置
摘要：这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。 收藏夹小图标 首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区： 为搜索引擎准备的内容 代码如下，替换成你自己站点的内容就可以： 允许搜索机器人搜索站内所有链接。如果你想某些页面不... 阅读全文
posted @ 2008-10-17 13:55 恩恩爸爸 阅读(106) 评论(0) 推荐(0)
WEB2.0标准教程：第一天 选择什么样的DOCTYPE
摘要：前言 大家好！这个系列文章是W3CN阿捷编写的。是一些制作过程中的心得和经验，希望对大家有点帮助。 同时，非常感谢阿捷与我们分享经验与心得。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 WEB2.0标准网页原代码，第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网... 阅读全文
posted @ 2008-10-17 11:25 恩恩爸爸 阅读(126) 评论(0) 推荐(0)
WEB2.0标准教程：如何应用WEB标准改善现有网站？
摘要：我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进，分阶段来逐步达到完全符合网站标准的目标。如果你是新手，或者对代码不是很熟悉，也可以采用遵循标准的编辑工具，例如Dreamweaver MX 2004，它是目前支持CSS标准最完善的工具。 1．初级改善 为... 阅读全文
posted @ 2008-10-17 10:19 恩恩爸爸 阅读(145) 评论(0) 推荐(0)
WEB2.0标准教程：WEB标准是什么？
摘要：WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准... 阅读全文
posted @ 2008-10-17 10:11 恩恩爸爸 阅读(135) 评论(0) 推荐(0)
如何使用CSS控制页面，以及其控制页面的各种方法(css调用方法)
摘要：如何使用CSS控制页面，以及其控制页面的各种方法 2008年03月16日 星期日 21:41 如何使用CSS控制页面，以及其控制页面的各种方法，包括行内样式、内嵌式、链接式和导入式等，以及各种方式的优先级问题。 1、行内样式 行内样式是所有样式方法中最为直... 阅读全文
posted @ 2008-08-04 15:19 恩恩爸爸 阅读(1195) 评论(0) 推荐(0)
理解CSS定位与div布局
摘要：在网页设计时，能否控制好各个模块在页面中的位置是非常关键的。在前面的课程中，已经对CSS的基本使用有了一定的了解。本课在此基础上对CSS定位作详细的介绍，并介绍重要的div标记，讲解利用CSS + div对页面元素进行定位的方法，并分析CSS排版中的盒子模型以及二维三维定位等。 1．div标记与span标记 在使用CSS排版的页面中， div 与 span 是两个常用的标记。利用这两个标记，加上... 阅读全文
posted @ 2007-12-30 10:52 恩恩爸爸 阅读(759) 评论(0) 推荐(0)
div+CSS网页布局入门系列教程(来自标准之路)
摘要：div+CSS网页布局入门系列教程(来自标准之路) CSS网页布局入门教程1：一列固定宽度 CSS网页布局入门教程2：一列自适应宽度 CSS网页布局入门教程3：一列固定宽度居中 CSS网页布局入门教程4：二列固定宽度 CSS网页布局入门教程5：二列宽度自适应 CSS网页布局入门教程6：左列固定，右列宽度自适应 CSS网页布局入门教程7：二列固定宽度居中 CSS网页布局入门教程8：三列浮动中间列宽... 阅读全文
posted @ 2007-12-08 16:28 恩恩爸爸 阅读(259) 评论(0) 推荐(0)

上一页 1 2