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