摘要：
规范目的：为了提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构。规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良。页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，... 阅读全文
摘要：
Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊... 阅读全文
摘要：
1. 文本居中 首先编写一个简单的html代码，设置一个类名为parentDiv的div对象。html代码如下：1 2 这里随意填写~... 3 1.1 实现文字水平居中（使用text-align） 对div.parentDiv设置text-align: center;来实现。CSS代码如下... 阅读全文
摘要：
第六章 CSS高级应用与技巧6.1 id与class6.1.1 什么是id id是XHTML元素的一个属性，用于标识对象名称。无论是class还是id，都是XHTML所支持的公共属性，并且也是其核心属性。class的主要功能是用来对对象的样式设置，而id除了可以定义样式外，还能够成为服务网站交互行... 阅读全文
摘要：
第五章 CSS内容排版5.1 文字排版5.1.1 通栏排版 进行网页通栏排版时，只要直接将段落文字放置于p或者其他对象中，再对段落文字应用间距、行距、字号等样式控制，便形成了排版雏形。5.1.2 分栏排版 CSS2技术对普通段落文字不能够直接实现分栏排版，如果需要实现类似报纸那样的双栏或者三栏排... 阅读全文
摘要：
第四章 CSS网站元素设计4.1 网站导航 网站导航是网站中最重要的元素。从形式上看，网站导航主要分横向导航、纵向导航、下拉及多级菜单导航灯3种常见形式。横向导航：作为门户网站的设计而言，主导航一般采用横向导航。纵向导航：纵向导航更倾向于表达产品的分类。下拉导航：主要用于功能复杂的网站。 总的来... 阅读全文
摘要：
第三章 CSS网页布局与定位3.1 div 几乎XHTML中的任何标签都可以用于浮动与定位，而div首当其冲。对于其他标签而言，往往有它自身存在的目的，而div元素存在的目的就是为了浮动与定位。3.1.1 div是什么 div是XHTML中制定的、专门用于布局设计的容器对象。在传统表格式布局中，... 阅读全文
摘要：
第二章 XHTML与CSS基础2.1 XHTML基础 XHTML是网页代码的核心内容，标准XHTML代码如下： 1 2 3 4 5 新建文档 6 7 8 9 10 对于这段代码，可以分为几部分来了解： 1.这段代码以doctype开头，也成为文档类型制定代码，它是XHTML的格... 阅读全文
摘要：
今天开始，认真学习前端技术，哈哈哈~~~加油~~~推荐这本《CSS网站布局实录》（第2版）给初级入门选手，虽然这本书年代有点久远，不过很经典。注明一下：这里讲述的CSS均为CSS 2.0版本。第一章 Web标准与CSS布局概述1.1 Web标准的历史及发展1.1.1 Web标准 Web标准是由W3... 阅读全文
摘要：
Div+CSS命名规范一. 窗体头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center登录条：loginbar 标志：log... 阅读全文