随笔分类 -  6.Web标准

xhtml与Css给合
CDATA的对特殊字符作用说明
摘要：必须将 <script> 和 <style> 元素的内容包装到 CDATA 节中。 如果在脚本或样式表中使用特殊字符（例如 < 或 &）或实体引用（例如 < 或 &），则需要将脚本或样式表的内容标记为 CDATA（字符数据）节，如下所示。 [代码]使用 CDATA 节并非对所有浏览器都有效。例如，Internet Explorer 会将 <... 阅读全文
posted @ 2010-07-18 15:04 Ewin 阅读(460) 评论(0) 推荐(0)
CSS优先级及继承
摘要：在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。 　　首先，我们对CSS作一个简单的说明：CSS是层叠样式表（Cascading Style Sheets）的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说，应该很少没有听说过CSS了，因为在制作网页过程中我们经常需要用到。　　其次：我们能通过CSS为文档设置丰富且易于修改的外观，以减轻网页制... 阅读全文
posted @ 2010-07-18 11:28 Ewin 阅读(2096) 评论(0) 推荐(1)
Tab选项面板(不带图片版)
摘要：[代码][代码][代码]下载原文件--自来Ewin原创下载带图版 阅读全文
posted @ 2010-07-17 19:00 Ewin 阅读(314) 评论(0) 推荐(0)
input文本框样式代码实例
摘要：新建网页 1 用户名： 阅读全文
posted @ 2008-07-27 19:01 Ewin 阅读(735) 评论(0) 推荐(0)
DIV+CSS 英文命名规范
摘要：1.CSS ID 的命名 外　套： wrap 主导航： mainnav 子导航： subnav 页　脚： footet 整个页面：　content 页　眉： header 页　脚： footer 商　标： label 标　题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： l... 阅读全文
posted @ 2008-07-27 18:58 Ewin 阅读(316) 评论(0) 推荐(0)
纵向导航菜单
摘要：纵向导航菜单 CSS css入门 css进阶 css高级 webUI 理论知识 实战应用 高级技巧 DOM DOM入门 DOM应用 DOM与浏览器 XHTML ... 阅读全文
posted @ 2008-07-27 18:56 Ewin 阅读(861) 评论(0) 推荐(0)
左列固定，右列宽度自适应
摘要：二列左列固定，右列宽度自适应——AA25.CN 左列——固定(AA25.CN) 右列——宽度自适应(AA25.CN) 阅读全文
posted @ 2008-07-27 18:47 Ewin 阅读(343) 评论(1) 推荐(0)
XHTML+CSS布局之XHTML应用小结
摘要：统来说，“标准网页”的文件组织就是XHTML+CSS。其中XHTML主要用来表示网页结构和显示内容，而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有： DIV：主要用于页面内容逻辑上的分块，比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。 同时对各区块建议这样的命名： 头... 阅读全文
posted @ 2008-07-27 15:08 Ewin 阅读(320) 评论(0) 推荐(0)
Div+CSS布局入门教程(五)
摘要：四、页面制作(1)----用好border和clear 由于找工作找房子的原因，隔了这么久才能开始写教程，心里感觉很对不起一直在关注本站的朋友，今天是找到房子的第二天，于是赶快继续写教程。 这一节里面，主要就是想告诉大家如何使用好border和clear这两个属性。 首先，如果你曾用过table制作网页，你就应该知道，如果要在表格中绘制一条虚线该如何做，那需要制作一个很小的图片来... 阅读全文
posted @ 2008-07-27 15:07 Ewin 阅读(320) 评论(0) 推荐(0)
Div+CSS布局入门教程(四)
摘要：三、页面顶部制作(2)----使用列表制作菜单 开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。 这一节我将告诉大家如何用列表来制作菜单。 程序代码 首页 博客 ... 阅读全文
posted @ 2008-07-27 15:06 Ewin 阅读(334) 评论(0) 推荐(0)
Div+CSS布局入门教程(三)
摘要：三、页面顶部制作(1) 当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。 在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码： 程序代码 /*基本信息*/ body {font:12px Tahoma;margin:0px;text-align:center;background... 阅读全文
posted @ 2008-07-27 15:04 Ewin 阅读(313) 评论(0) 推荐(0)
Div+CSS布局入门教程(二)
摘要：二、写入整体层结构与CSS 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： 程序代码 无标题文档 这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在标签对中写入DIV的基本结构，代码如下： 程序代码 ... 阅读全文
posted @ 2008-07-27 15:01 Ewin 阅读(374) 评论(0) 推荐(0)
div页面布局与规划
摘要：一、页面布局与规划 好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础... 阅读全文
posted @ 2008-07-27 14:58 Ewin 阅读(1036) 评论(3) 推荐(0)
XHTML中多Div并排的问题解决
摘要：下面是我做的一个示例（在IE6.0 / Opera9.00 / Mozilla Firfox 1.5 验证通过）： dd 2 3 5 阅读全文
posted @ 2008-07-27 14:22 Ewin 阅读(472) 评论(0) 推荐(0)
外部引用CSS中 link与@import的区别
摘要：这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。 本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。 差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 差... 阅读全文
posted @ 2008-07-26 11:47 Ewin 阅读(251) 评论(0) 推荐(0)
CSS管理
摘要：一，几个特殊样式： 1. index.css（首页特有样式） 2. global.css（全局样式，定义body以及font等等） 3. form.css（定义表单样式，特殊表单样式可在表内用名称区别开） 4. link.css (对于所有链接的样式以后都放在这个文件夹) 5. public.css /* 公用组合样式 */ 6.footer_header.css /* 头部区\底部... 阅读全文
posted @ 2008-07-26 11:41 Ewin 阅读(271) 评论(1) 推荐(0)
CSS选择符基础知识（附视频、课件、代码下载）
摘要：《阿一web标准学堂》是一套面向web标准初学者的视频系列。虽然我也只是一个web标准刚入门的学习者，但是我还是希望能通过这个学堂将自己学习到的东西与大家分享，这样不仅可以让更多的朋友走上web标准设计的道路，更重要的是可以得到很多前辈们的指点和教导，从而更快的取得进步。所以，各位朋友如果在学堂上发现错误之处，欢迎你到【博客园web标准设计小组】交流讨论，从而帮助更多的人取得更快的进步。 阅读全文
posted @ 2008-05-07 20:05 Ewin 阅读(270) 评论(0) 推荐(0)