网页教程

　　一个成熟的大型网站（如淘宝、京东等）的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性，它总是随着用户量的增加，业务功能的扩展逐渐演变完善的，在这个过程中，开发模式、技术架构、设计思想也发生了很大的变化，就连技术人员也从几个人发展到一个部门甚至一条产品线。所以成熟的系统架构是随业务扩展而完善出来的，并不是一蹴而就；不同业务特征的系统，会有各自的侧重点，例如淘宝，要解决海量的商品信息的搜索、下单、支付，例如腾讯，要解决数亿的用户实时消息传输，百度它要处理海量的搜索请求，他们都有各自 … 继续阅读“大型网站架构的理解和构建”

       大自然的颜色都可以分解为红绿蓝三种色光，它们分别用字母R、G和B表示。那么，这后面的A是什么呢？它就是css3新增的功能——Alpha（不透明度）。 　　alpha有效值介于0~1之间。alpha=0时，颜色全透明，不可见，alpha=1时，颜色全不透明，跟不设置的效果一样。如果大于0小于1，那它将会让被当前色块遮挡的元素透出一部分的颜色，从而形成半透明的效果。 　　为了测试这个新功能，我们先构建好基础的html代码： … 继续阅读“用CSS3的RGBA模式实现半透明效果”

      看到这个标题，相信大家都很容易想到前面讲过的RGB和RGBA。是的，它们确实存在着密不可分的关系，而其中的区别就在于RGB和HSL了。 　　RGB模式基于非常严谨的数理系统，然而它对肉眼并不友好。大家都可以理解rgb(255,255,255)是白色，rgb(0,0,0)是黑色，rgb(255,0,0)是纯红，但是大概想不通为什么rgb(255,255,0)会是黄色。 　　这就是RGB模式的抽象之处了。所以科学家们创立了另外一套基于视觉感知的色彩系统&md … 继续阅读“CSS3人性化的体现：HSL和HSLA颜色”

      要实现图片环绕排版，使用word很容易实现。但如果在css里面该如何实现呢？这就是今天小编要介绍的内容——CSS的浮动。 　　一、CSS浮动 　　CSS浮动简单来说，就是使元素向左或向右移动，其周围的元素也会重新排列。浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 　　二、CSS浮动规则 　　为了大家更容易理解CSS浮动，小编为大家准备了三幅图。 　　第一幅：元素向右浮动 　　请看下图，当把框1向右 … 继续阅读“浅谈CSS 浮动”

       遨游是第一批国产浏览器的研发团队，多年专注于浏览器软件开发，相信资深的网民都已经很熟悉，虽然它曾经给web开发者挖了比较多的坑，但是它的设计理念还是很值得大家借鉴，比如它的Logo。 　　线条的设计非常简洁，却能把M这个字母绘制得很传神，从而给大家留下很深刻的印象。用“简约而不简单”这句话来描述这个Logo再合适不过了。 　　既然Logo的组成不复杂，那我们完全可以用css3的新属性进行绘制，其中圆形用50%的圆角正方 … 继续阅读“基于纯CSS3绘制的遨游Logo”

　　考虑到国内使用Windows XP的用户还是比较多，而在这个操作系统下，微软自带的IE浏览器只能升到8版本，然而IE8先于css3诞生，所以难免有不少新功能无法直接兼容CSS3。 　　为方便大家查阅，小编把CSS3各项新功能的兼容性整理成两个表，分别是CSS3性质和CSS3选择器。 　　CSS3 性质 　　CSS3 选择器 　　不难发现，非IE浏览器对CSS3新功能的兼容都比较好，哪怕早期版本有那么一些没有跟上，也在后续的版本里面逐步完善。当然了，IE从第9版开始，也逐步兼容CSS … 继续阅读“整理CSS3新功能的浏览器兼容情况”

       我们在书写css编码时，往往会率性而为，没有遵循一定的规范。自己想到哪就写哪，要用什么属性的时候就写什么属性。但这种做法往往会导致一些不良后果。对此，我们课课家网站对CSS编码顺序问题进行了研究，下面和大家分享一下。 　　或许你还是觉得编码顺序没有什么重要。对于个人而言可能真看不出什么影响。但如果是一个团队，那就很容易出现你写的代码别人很难看懂的状况。        不相信？我们不妨来看看下面两则代码： … 继续阅读“CSS编码顺序研究”

       对于web设计师来说，只要拥有了photoshop，就可以随心所欲地制作出属于自己的优秀作品。在css3诞生之前，他们可以通过用Photoshop绘制的图片对网站进行各种润色和美化。然而大家发现，每次更换图片都超级麻烦，而且会无形中让网页文件的体积增大不少。更大的弊端是，要在网页上展示酷炫的交互动画效果更是难于上青天。 　　再者，爱美是人类的天性，谁说Web程序员不想自己做点漂亮的玩意儿？既然设计师需要交互，程序员需要艺术，那么，就让我们共同 … 继续阅读“用纯CSS3制作一款酷炫的导航条”

       对于css的初学者而言，可能对z-index这个属性比较陌生，觉得这个属性平时使用较少。虽然它的使用频率不及margin、background等高，但在我们的网页设计中难免会遇到，下面小编就为大家详细介绍一下这个属性。 　　一、什么是css z-index属性 　　z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 　　注意：z-index属性仅能在绝对定位 条件下奏效。 　　二、z-i … 继续阅读“详解css z-index属性”

　　管理好一个网站确实不多不少让人头疼，特别是我们这种前端web工作者，每天都要根据网站人流浪，网站的设计，网站内容的上存等等事情进行操作，那么我们的工作就是让用户更好的进行网上体验及网站的维护，它要求前端开发工程师不仅要掌握基本的Web前端开发技术以便更好的让用户体验的一个工作。 　　一使用表达submit事件，不要用click事件；请用表单标签form 　　但是我都不知道自己遇到了多少次这种原因，当我提交一个表单时候，无论是在手机还是在电脑方面都没有反应，那么我又只能再重新操作一次，那么这次 … 继续阅读“web开发经常会遇到的问题”