CSS/HTML -- IT技术博客大学习 -- 共学习共进步！

• HTML5实战之本地存储(3) - 请求同步

在实际上项目当中，经常需要使用短轮询(每隔一定时间就向服务器发送一次请求，请求通常会立即返回)和长轮询(每次请求服务器会Hold一段时间直到有新数据或者超时，客户端收到数据后会立即进行下一次请求）来从服务器拉取数据，然后动态的更新页面。随着功能的增加，一个页面中往往存在不止一个这样的轮询请求，而且在用户开启多个Tab页面时，总得请求数会翻倍。而“请求同步”指的是在以上场景中，即使是开启多个Tab也只有一个Tab页...

• 前端必须熟悉的10个CSS3属性

随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。上篇博文提到了《前端必须掌握30个CSS3选择器》，但是对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。

• 前端必须掌握30个CSS3选择器

也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。

• CSS的未来：明智的布局工具终于到来

HTML5和CSS3为网页设计人员提供了新的语义标签，奇特的动画，服务端字体等等，然而并不仅仅是这些。网页设计下一个主要的发展可能会围绕HTML5和CSS3都没有关注的一点――页面布局。对于这两项新技术中的所有出色的新工具来说，使页面元素按你希望的方式自动布局的任务依然没有完成。人们通常使用浮动，绝对定位以及偶尔使用JavaScript来完成该工作，但是对于只是将元素定位在页面上这样的任务来说，这些代码就显得有些繁琐了。肯...

• html Meta

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的与中，meta 标签的用处很多。meta的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content(网页内容)，以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词)，所以应该给每页...

• 19UED前端CSS代码规范 V1.0

19UED前端CSS代码规范 V1.0

• HTML5实战之本地存储(2)

本文介绍Tab之间的操作同步的实现，所谓操作同步是指将用户在某个Tab窗口中的操作同步到所有其他同一站点得Tab中。例如IM窗口的操作（打开、最大化、最小化、关闭、设置等），由于很多用户会在多个Tab之间切换，而IM在每个页面中都存在，因此对于数据同步的要求是比较高的，以前的做法是使用服务器方式来同步，即所有操作都向服务器发请求，然后广播，Tab收到消息后再响应。缺点是比较浪费资源，另外延时也比较严重。实现在具...

• HTML5实战之本地存储(1)

很早之前调研过HTML5的本地存储-《DOM Storage全解析》，大致上对localStorage、sessionStorage等API做了下了解，但是一直没有机会真正的在项目中使用。终于这次借重构Web IM的机会，对本地存储做了更深入的使用，除了基本的API使用之外还在次基础上封装了一些应用层的库，例如Tab之间的操作同步、Tab之间的请求同步等。本文主要做一个阶段性的经验总结。一、localStorge onstorage事件的兼容性 1. 触发情况 IE8/IE9/Firefox3.6:...

• 前端设计中的浏览器CSS Hack汇总

CSS Hack是我们解决浏览器兼容性（尤其是IE各版本）问题的常用手段。CSS Hack的手法可以说是五花八门，使用时经常混淆。下面是一个汇总，以便查阅。

• 使用 HTML5 可以做的五件很棒的事情

作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。

• HTML5和CSS3特性检测-Modernizr

HTML5和CSS3逐渐成为WEB前端开发的必须技能，开发过程中检查不同浏览器对HTML5和CSS3支持情况成了是一件非常烦心的事情。

• 华丽丽的HTML5新特性

　　Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准，HTML5自然也是备受期待和瞩目，技术人员、设计者、互联网爱好者们都在热议HTML5究竟能带来什么。那么就一起来窥探一下这个还未诞生就已经声名在外的新标准吧。　　　　在探讨HTML5的新特性之前，先说HTML5究竟离我们还有多远？用一张时间轴来说明两个关键点。

• 语义化的HTML结构到底有什么好处？

相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML？语义化的HTML到底有什么好处呢？

• 推荐三十款CSS样式选择器代码

你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。UED163推荐三十款CSS样式选择器代码,值得收藏。

• CSS排版：技术与最佳实践

在这个系列的第一部分，我们讨论了一些与CSS排版的基础概念。现在我们将讨论一些出色的技术，建议，技巧以及处理网站排版的最佳实践。这是CSS排版参考三篇系列中的第二部分，这三篇将涵盖从基本语法到最佳实践，以及CSS排版相关工具的内容。 CSS排版：基础 CSS排版：技术与最佳实践 CSS排版：例子和工具（即将推出）用@font-face改善网页排版对于普通文本块，使用巧妙的字体栈（如第一部分讨论的）是一个不错的主意，但...

• 渐进增强的HTML5表单方案

渐进增强的处理HTML5的表单，这恐怕是现阶段能解决这个问题最好的模式了吧，在浏览器支持HTML5特性的时候使用，不支持的时候还是使用js来扩展增强。加载Yepnope.js Yepnope.js是一个脚本加载工具，他可以根据条件不同，加载不同的js脚本。你可以给他传一些变量进去，如果为true，那么就去加载这些脚本和css，如果是false，那再做相应的处理。那么如何确定要不要加载这些脚本呢，从能力检测开始：加载Modernizr Modernizr可以提供...

• CSS排版: 基础

排版是网站设计中的一个基本部分。理由很充分：好的排版不仅是审美的必要，还可能从文字的易读性和可读性方面改善网站可用性。排版的一切就是大小，比例和间距。排版同时也要考虑字体样式。在我们的网页设计中如何使用CSS来很好的排版呢？这就是我们要努力回答的问题。这是CSS排版三篇系列中的第一部分，这三篇将涵盖从基本语法到最佳实践，以及CSS排版相关工具的内容。 CSS排版：基础 CSS排版：技术与最佳实践 CSS排版：例子和...

• 使用CSS框架的优点和缺点

CSS框架是一个软件，它为你的HTML开发提供了许多选项以供使用，可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架，它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。但是使用CSS框架好不好呢？最终来说有时候有的东西节约你的时间的代价是引发了更多地问题，导致节约的时间没有意义了。好吧，就像我们生活中的任何东西一样，使用CSS框...

• CSS排版：例子和工具

在这系列文章的前面一部分，我们讨论了CSS排版的一些技术和最佳实践。现在让我们通过一些案例学习，工具以及网页中一系列出色排版来更深入的研究。这是CSS排版参考三篇系列中的第三部分，这三篇将涵盖从基本语法到最佳实践，以及CSS排版相关工具的内容。 CSS排版：基础 CSS排版：技术与最佳实践 CSS排版：例子和工具 CSS排版案例学习教程和理论很不错，但是没有比案例学习更能够说明事情的了。这里是一系列案例，它们可以为你提...

• CSS 忍者：安全的 CSS hacks 秘籍

你如何搞定 IE 这只难以驯服的怪兽？使用 CSS Hacks 或者条件注释么？恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊，让我们一起来看看。