新频道标题
-
CSS实例教程:reflow
[内容预览]
1 | 2010-06-25
在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个：* 构造frame, 以建立对象树（DOM树）* reflow, 以确定对象位置...
[阅读全文]
-
CSS教程:需要知道的CSS3动画技术
[内容预览]
6 | 2010-06-25
译自：你需要知道的CSS3 动画技术译自：What You Need To Know About Behavioral CSS请尊重版权，转载须注明本站链接！译序：本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察在翻译...
[阅读全文]
-
快速实时编辑网页代码的FireFOX和IE插件
[内容预览]
1 | 2010-06-25
支付宝UED的鸽子mm制作了一个Firefox插件，它可以用来快速实时编辑网页代码，快速基于Firefox制作Demo页面，方便的编辑修改CSS Sprite，以及配合Fiddler调试页面，是一个很不错的前端开发助手。Firefox版本该插件...
[阅读全文]
-
在IE6,IE7下变通实现pre-wrap
[内容预览]
2 | 2010-06-25
HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续...
[阅读全文]
-
CSS圆角框进行JS封装
[内容预览]
2 | 2010-06-25
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 第三章：圆角化图片 第四章：CSS圆角框组件 V1.0前序：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了...
[阅读全文]
-
CSS教程:Mozilla建议的css书写顺序
[内容预览]
0 | 2010-06-25
css书写顺序，据网上说这个是Mozilla建议的显示属性displaylist-stylepositionfloatclear自身属性widthheightmarginpaddingborderbackground文本属性colorfonttext-decorationtext-alignvertical-alignwhite-...
[阅读全文]
-
基于链接关系的微格式:使用rel属性
[内容预览]
0 | 2010-06-25
我热爱语义、结构、简单和他的潜力。我决定我必须要跟世界一起分享我对他的热爱（或者至少分享给我的四个读者），要分享我是如何在博客上使用不同的微格式的。原文链接：http://www.ablognotlimited.com/articles/...
[阅读全文]
-
非常酷的微格式：XFN规范
[内容预览]
0 | 2010-06-25
在这个系列文章的第一部分中，我解释了rel微格式的不同实现。在解释rel-me微格式的时候，简要的提到了XFN微格式。原文链接：http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-2-...
[阅读全文]
-
为网页内容添加结构和语义的hAtom微格式
[内容预览]
0 | 2010-06-25
来回顾一下我们之前讨论过的微格式：rel-系列， XFN，hCard 和 hCalendar。基于链接关系的微格式:使用rel属性为网页添加hCard微格式非常酷的微格式：XFN规范我们这次来讨论hAtom微格式，这个微格式用来为网页内...
[阅读全文]
-
网页简历结构和语义信息:hResume微格式
[内容预览]
0 | 2010-06-25
在两个月前开始了这个系列。我希望能够通过讲述我如何实现他们的细节来传播我对微格式的热爱，鼓励更多的人来支持他。到现在为止，我们已经讨论了：基于链接关系的微格式:使用rel属性为网页添加hCard微格式非常酷...
[阅读全文]
-
hCalendar微格式:关于事件和基于时间或地点的活动
[内容预览]
0 | 2010-06-25
我们又来了，兴奋的冲进微格式的世界～～根据我的计划，这篇文章应该到达此系列的半程了。到这里，我已经讨论了三种微格式的实现： 在第一部分中，使用rel来定义基于链接的关系 在第二部分中，使用XFN微格式为链...
[阅读全文]
-
DIV+CSS网页制作这种叫法不准确
[内容预览]
0 | 2010-06-25
DIV+CSS的叫法是不准确的我想凡是来到“CSS学习网”的同学，很大部分是冲着DIV+CSS来的，目的就是学习DIV+CSS的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。 如果你...
[阅读全文]
-
CSS初学者入门:使用table布局网页不明智
[内容预览]
0 | 2010-06-25
使用Table布局页面为什么是不明智的？大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵...
[阅读全文]
-
xHTML+CSS网页制作和搜索引擎优化SEO的关系
[内容预览]
1 | 2010-06-25
xHTML+CSS与SEO的内容，后面章节会详细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎看的，所以不能不提提xHTML+CSS与SEO的关系。...
[阅读全文]
-
CSS控制页面样式的4种方式和优先级问题
[内容预览]
0 | 2010-06-25
本节主要讲解，两个内容，第一：CSS如何控制页面样式，有几种方式；第二：这些方式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是...
[阅读全文]
-
CSS入门教程:CSS选择器
[内容预览]
0 | 2010-06-25
上节课我们讲了一下CSS通过什么方式去控制页面，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式...
[阅读全文]
-
CSS基础入门教程:CSS选择器规范化命名
[内容预览]
0 | 2010-06-25
规范的命名也是Web标准中的重要一项，标准的命名可以更好的看懂代码，我想大家应该都有这种经历，某日翻出自己过去写的代码居然看不懂了，呵呵，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个...
[阅读全文]
-
CSS基础入门教程:理解盒子模型
[内容预览]
0 | 2010-06-25
盒子模型，是XHTML+CSS布局页面中的核心！要想学会用CSS布局页面，就首先要理解盒子模型！什么是盒子模型？对于初学者来说，很难说出来，但是对于生活中的盒子大家熟悉吧，哈哈，这里提到的盒子模型你就可以理解成现...
[阅读全文]
-
CSS教程:2个重要概念块状元素和内联元素
[内容预览]
0 | 2010-06-25
在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）。是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看...
[阅读全文]
-
CSS实例:盒模型、块状元素与内联元素、CSS选择器
[内容预览]
0 | 2010-06-25
课程关键词：盒模型、块状元素与内联元素、CSS选择器【例子】要求：1）宽度、高度均是200像素；2）颜色为红色#900；自己做做，看看能不能作出来？先不要看我的代码，如果真的做不出来，就下载下来，跟着我下面说的...
[阅读全文]
-
css实例教程:理解Float的含义
[内容预览]
0 | 2010-06-25
课程关键词：浮动页面布局有两种方式1）浮动Float 2）定位Position今天就来一个小小的练习，让大家理解Float的含义【例子】要求：1）两个方块，一个红色#900，一个蓝色#009；2）红色方块宽度和高度均为200像素，蓝...
[阅读全文]
-
CSS实例教程:清除浮动Clear
[内容预览]
0 | 2010-06-25
课程关键词：清除浮动Clear还记得第二课我们做的例子的效果么？最后效果是，红色方块和蓝色方块都处于一行，我们使用“Float:left”，打击了块状元素的“霸道”即块状元素不允许其他元素和它处于同一行。我们将红色...
[阅读全文]
-
CSS网页制作教程:制作网页导航条
[内容预览]
0 | 2010-06-25
CSS标签重置对于XHTML+CSS布局起着一个重要的决定性作用，它是提高页面浏览器兼容性的第一步。那么什么是标签重置呢？顾名思义，就是对HTML中的所有标签属性重置，因为每个浏览器都有一个自己默认的CSS文件，对H...
[阅读全文]
-
CSS实例教程:浮动(float)页面布局
[内容预览]
0 | 2010-06-25
前四节的大练习大家做的怎么样？有没有难度，如果你觉着有难度没有关系，这节课，我带着大家做一下这个练习！【第一步 整体布局与公共CSS定义】我们先来分析一下这个页面页面主要分5大块，顶部的Logo、导航条Nav、...
[阅读全文]
-
CSS实例教程:定位(position)布局页面
[内容预览]
0 | 2010-06-25
注：在做这节教程的时候，我又上网查了相关资料，看了大量的文章，做了大量的测试，最后总结出下面这些文字，洋洋洒洒一整篇，不过需要大家一句话一句话的看，一定要仔细喽！还有对于课程中的说的，最好一边看，一边...
[阅读全文]
-
CSS实例教程:用position来布局页面
[内容预览]
1 | 2010-06-22
我们先把上节课最后总结一句话拿出来“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然你也可以...
[阅读全文]
-
CSS实例教程:CSS Hack
[内容预览]
0 | 2010-06-22
写完第七课，因为时间问题没有继续写第八课有关浏览器兼容方面的文章，以为大家可以自己掌握这方面的知识，不过发现有很多同学找了很多资料，很多文章去研究，费时费力的，效果也不好，今天是星期六，我呢就再给大家...
[阅读全文]
-
CSS制作网页技巧:单图片按钮实例
[内容预览]
1 | 2010-06-22
一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片 代码如下：HTML代码：<a id="theLink"></a>CSS代码...
[阅读全文]
-
CSS网页制作入门实例:首行缩进两个文字
[内容预览]
1 | 2010-06-22
我记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，如下图 总是在前面加上8个“ ”，因为过去大家对CSS的概念也不太熟悉，也不太重视，这种方法实现虽然比较直接，但是文字多的时候会有很多“ ...
[阅读全文]
-
2天掌握DIV+CSS网页制作技术
[内容预览]
2 | 2010-06-22
现将《2天驾驭DIV+CSS》教程的目录列出，以方便大家学习！=基础【基础一】DIV+CSS的叫法是不准确的【基础二】使用Table布局是不明智的【基础三】xHTML+CSS与SEO【基础四】CSS如何控制页面【基础五】CSS选择器【基...
[阅读全文]