链接rel,基于链接关系的微格式 使用rel属性
点评：我热爱语义、结构、简单和他的潜力。我决定我必须要跟世界一起分享我对他的热爱（或者至少分享给我的四个读者），要分享我是如何在博客上使用不同的微格式的。原文链接：http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-1-rel/这篇文章作为第一篇介绍会主要集中在基于链接关系的微格式，使用re... [阅读全文]
css命名规范,css 微格式 XFN规范
点评：在这个系列文章的第一部分中，我解释了rel微格式的不同实现。在解释rel-me微格式的时候，简要的提到了XFN微格式。现在，我们花费一点时间来好好看看这个非常酷的微格式。在链接中放入个人信息由GMPG──全球媒体协议组──拟定的XHTML好友网络是一个非常简单却强大的去中心化描述方式，通过使用链接(a)的rel属性来展现人际关系。这个概念同我在第一部分中描述的基于链接的关系是一致的：a hr... [阅读全文]
css定位,css 定位应用实例
点评：如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然你也可以用position，不过到时候计算的时候不要忘记padding的值。如果你还是不能太明白这句话，我们就做个实例，把我们第5节页面的头部blog区域用定位(position)来布局一下 HTML... [阅读全文]
浏览器hack,CSS Hack 有关浏览器兼容方面
点评：写完第七课，因为时间问题没有继续写第八课有关浏览器兼容方面的文章，以为大家可以自己掌握这方面的知识，不过发现有很多同学找了很多资料，很多文章去研究，费时费力的，效果也不好，今天是星期六，我呢就再给大家补写这篇教程，带领大家用最短的时间掌握CSS Hack！说到浏览器兼容性问题，就必须说CSS Hack！提到Hack大家肯定会想到电脑黑客(hacker)、和病毒程序联系到一块，不过在CSS中，... [阅读全文]
css图片按钮,css 单图片按钮实例（css 图片变换）
点评：一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片代码如下： HTML代码： 复制代码代码如下:... [阅读全文]
ie浏览器兼容,使用X-UA-Compatible来设置IE浏览器兼容模式
点评：文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入一个... [阅读全文]
div隐藏属性,div overflow 超出隐藏属性使用说明
点评：div overflow 超出隐藏属性使用说明，不知道overflow怎么用的朋友可以参考下。使用CSS来修饰滚动条 1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚... [阅读全文]
css规则,CSS 使用规则总结
点评：CSS 使用规则总结，对于广大前端开发爱好者，是必须要知道的一些技巧。一.缩写规则 关于边距 margin（4边）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px （省略的左等于右） 1px 2px (省略的上等于下) 1px （四边都相同） 简化所有： */ body{margin:0}------------表示网页内所有元素的margin为0 #menu{... [阅读全文]
css首行缩进,CSS 首行缩进两个文字
点评：我记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字. 总是在前面加上8个“ ”，因为过去大家对CSS的概念也不太熟悉，也不太重视，这种方法实现虽然比较直接，但是文字多的时候会有很多“ ”充斥在代码中，如果再有些换行br/，那代码显着比较乱，现在大家开始主动了解CSS，学习CSS，你会发现这个问题很容易解决，只需要在相应的位置加入... [阅读全文]
css挂马,黑客选择CSS挂马 CSS挂马攻防实录
点评：黑客们发现发现，用来制作网页特效的CSS代码，也可以用来挂马。看原理然后考虑如何防范。随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。 安天实验室阿楠：安全工程师，从事病毒分析多年。 网站挂马的手段最初非常单一，但是随着Web2.0技... [阅读全文]
无组件上传源代码,制作高效可维护组件化的CSS代码
点评：国外前端开发者的CSS教程，PPT形式展示，主要探讨如何制作高效，可维护，组件化的CSS代码。里面有许多基础性的内容，总体整合在一起是个相当不错的CSS视频教程。国外前端开发者的CSS教程，PPT形式展示，主要探讨如何制作高效，可维护，组件化的CSS代码。里面有许多基础性的内容，总体整合在一起是个相当不错的CSS视频教程。 本文由腾讯的童鞋翻译 ... [阅读全文]
css验证,验证并修复css错误内容的相关连接
点评：新的页面生成后，你应该验证css是正确的并修复一些错误的内容。如果你使用浏览器来测试这些页面，它们对页面可能不会有任何影响。但为了产品的完美我们应修正这些错误。你可以在验证的过程中更好的学习相关规定。相关工具：1、W3C验证服务2、XHTML-CSS验证... [阅读全文]
语义学的主要内容,为网页内容添加结构和语义的hAtom微格式
点评：我们这次来讨论hAtom微格式，这个微格式用来为网页内容添加结构和语义从而使得网页内容或者局部内容可以被广播（syndication），比如博客日志或者新闻文章等。来回顾一下我们之前讨论过的微格式：rel-系列， XFN，hCard 和 hCalendar。 我们这次来讨论hAtom微格式，这个微格式用来为网页内容添加结构和语义从而使得网页内容或者局部内容可以被广播（syndication）... [阅读全文]
css图表,html+css实现数据图表的展示效果
点评：一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。1、完全使用div、span和css制作的数据图表。2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快，而且延展性比较灵活。4、这个竖状条形图完全使用html和css制... [阅读全文]
语义结构,网页简历结构和语义信息 hResume微格式
点评：现在，我们来讨论hResume微格式，他通常被用来为网页内容中的简历添加结构和语义信息。在两个月前开始了这个系列。我希望能够通过讲述我如何实现他们的细节来传播我对微格式的热爱，鼓励更多的人来支持他。到现在为止，我们已经讨论了： 基于链接关系的微格式:使用rel属性 为网页添加hCard微格式 非常酷的微格式：XFN规范 为网页内容添加结构和语义的hAtom微格式 现在，我们来讨论hResum... [阅读全文]
事件报告格式,hCalendar微格式 关于事件和基于时间或地点的活
点评：今天让我们一起来探讨一下hCalendar微格式，通过该微格式我可以为那些关于事件和基于时间或地点的活动提供语义和结构化信息。我们又来了，兴奋的冲进微格式的世界～～根据我的计划，这篇文章应该到达此系列的半程了。到这里，我已经讨论了三种微格式的实现： 在第一部分中，使用rel来定义基于链接的关系 在第二部分中，使用XFN微格式为链接增加人际关系的描述 在第三部分中，使用hCard微格式来描述人... [阅读全文]
语义分析c代码,减少代码和语义化标签实现方法
点评：如果你在生成页面的时候过多的使用div，那你有必要阅读这篇文章了。本文主要关注如何通过语义化的标签、减少div使用等方法来简化代码。你是否在修改某人的页面时，被他的乱七八糟的代码搞晕乎？简洁的代码不但方便自己，同时方便你的团队成员。他在你调试页面或编辑的时候节省你的时间（尤其对于大的项目来说）。一、去掉不必要的div标签我看到好多人都在form或ul列表的外面嵌入一个div结构，为什么要嵌入... [阅读全文]
hcard,为网页添加hCard微格式
点评：hCard 等微格式应用会令网页中的信息更加精确和丰富，并为互联网用户带来更多的便利。说到“微格式”，有人力捧，有人质疑。归根结底，我觉得还是浏览器和终端设备的支持没有跟上，没有形成一个完整的应用流程。尽管如此，Yahoo、Google 等行业巨头已经开始在各自的主流产品中应用微格式。而作为网站开发者和个人站长，你对“微格式”的应用仍在观望之中... [阅读全文]
css框架,3个css框架分享网站
点评：我们在工作当中肯定总结了一些儿有价值的东西，而真正将这些有价值的东西收集整理在一起并发表出来的就比较少了。下面的3个人确做到了，他们将自己工作当中经常使用的页面框架布局分类整理出来和大家分享。在其中选择你需要的布局，然后把css考过来就可以使用了。1、优秀并免费的css模版：这个网站提供了免费的css模版供你使用，仅仅是复制粘贴就会给你一个惊喜。2、大量的布局结构：如果53个固定的布局不能满... [阅读全文]
css属性,CSS下!important属性
点评：CSS中的!important是一个非常重要的属性，有时候发挥着非常大的作用。IE6对CSS的解释与firefox不大相同，CSS中的!important属性firefox可识别，IE6则不认识。 举例： 复制代码代码如下:... [阅读全文]
比较级讲解,css important终级讲解
点评：很多人，包括很多网站（我所见过的所有网站，包括国内著名的‘网页设计师’网站），都说important是不被IE所支持和认识的，可是真的是这样吗？看了下边的两个例子，也许你会改变一些看法！例一： CSS 复制代码代码如下:... [阅读全文]
css属性,简单但很实用的5个css属性
点评：这5个有用的css属性可能你是比较熟悉的，但是很少使用到它们。我这里讨论的不是css3的新属性。我提到的都是被所有浏览器支持的css2属性比如：clip、min-height、white-space、cursor和display。千万别错过这篇文章，因为你会惊讶的发现他们是很有用的。一、css clip（裁切）clip裁切这个属性有点像是遮罩。它允许你用特定的形状遮罩相应的内容。裁切某元素之... [阅读全文]
遵循原则,HTML 页面输出应该遵循的几点原则分析小结
点评：HTML 页面输出应该遵循的几点原则分析，有助于让你的页面符合标准，这也是以后的发展趋势。1. 不能少了DOCTYPE，浏览器根据你申明的DOCTYPE决定页面渲染规则，如果不声明，不同的浏览器显示效果可能不一样。 2. 在title之前加上meta标签说明页面所用的编码。否则可能导致部分浏览器显示的页面标题为乱码。 3. style应该放在head标签内。否则会导致页面在下载完成之前不美观... [阅读全文]
google谷歌,Google 谷歌内页logo的呈现方式（图片下面有文字）
点评：Google 谷歌内页logo的呈现方式(图片下面有文字) ，值得学习下。
!doctype html
head
meta http-equiv=content-type content="text/html; charset=gb2312"
titleucdcss - 脚本之家/title
style
body{background:#fff;color:#000;margin:... [阅读全文]
css技巧,最常用和实用的CSS技巧
点评：最常用和实用的CSS技巧，不论是前台美工还是后台成员人员都需要注意的地方。设置水平居中 大多数的网站目前都是固定宽度的。CSS代码如下： 复制代码代码如下:... [阅读全文]
divcss,DIV+CSS的叫法是不准确的
点评：我想凡是来到“CSS学习网”的同学，很大部分是冲着DIV+CSS来的，目的就是学习DIV+CSS的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。如果你看完第一段还没有发现错误的话，那你就很有必要，接着往下看。 DIV+CSS这种叫法其实是一种很错误的叫法，这是国人一厢情愿的叫法，而标准的叫法是什么呢？呵呵，没错，是xHTML+C... [阅读全文]
css网页布局,CSS 使用table布局网页是不明智
点评：使用Table布局页面为什么是不明智的？使用Table布局页面为什么是不明智的？大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵活法呢，比如今天你好不容易做出来的页面，第二天老板说我不喜欢登录模块放到右边，还是放到左边，通知板块放到右侧去，页面风格最好一个月... [阅读全文]
seocss,xHTML+CSS与SEO的关系
点评：xHTML+CSS与SEO的内容，后面章节会详细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎看的，所以不能不提提xHTML+CSS与SEO的关系。1)将页面中最重要的内容用h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面的核心关键词，搜索引擎很重视h1标签的内容哟2)合理的运用h2... [阅读全文]
css优先级,CSS 控制页面样式的4种方式和优先级问题
点评：CSS 控制页面样式的4种方式和优先级问题本节主要讲解，两个内容， 第一：CSS如何控制页面样式，有几种方式； 第二：这些方式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是HTML，是内容，而衣服呢就是CSS，是表 象，现在出现的问题是，如何让CSS去... [阅读全文]
css首行缩进,CSS 首行缩进两个文字
点评：我记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字. 总是在前面加上8个“ ”，因为过去大家对CSS的概念也不太熟悉，也不太重视，这种方法实现虽然比较直接，但是文字多的时候会有很多“ ”充斥在代码中，如果再有些换行br/，那代码显着比较乱，现在大家开始主动了解CSS，学习CSS，你会发现这个问题很容易解决，只需要在相应的位置加入... [阅读全文]
