标签归档:Cascading Style Sheets (CSS)

层叠式样式表(Cascading Style Sheet) 的第一个版本于 1996 年 12 月由 The World Wide Web Consortium (W3C) 出版,使用 CSS + (X)HTML 对网页进行布局相比较以往的 TABLE 方法具有显而易见的优势:表现与内容分离;提高页面浏览速度;非常易于维护及改版……

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… 继续阅读

【CSS】用于区分浏览器的资料及推荐做法(JS)

由于浏览器对 CSS 标准各种属性解释的不尽相同(其主要体现在微软的 IE6 及其他一些旧版本浏览器)我们需要在引入 CSS 文件时采用 IE 独有的条件注释(如 [if IE] [endif] 等)或是在 CSS 中避免使用容易混淆的属性(如同时存在左浮动及左边界等)当然目前用的比较多的仍然是后面将要提供的 CSS Hack 资料,但我个人则推荐最后面提供的 JavaScript 方法来处理: 继续阅读

【手册下载】网站网页开发常用参考手册下载

无论从事网站前端还是后台开发,都会有一些参考手册如 CSS 手册 PHP 手册 jQuery 手册等等,这里提供了一些网上收集整理得非常不错的开发手册,格式主要是 CHM PDF 等,其中大部分手册可以直接从我的 SkyDrive 下载,其他有提供高速下载的资源则放上链接。另外我也有提供网站及网页开发常用的工具下载,请访问“网站开发工具下载”获得……

继续阅读

层叠样式表 CSS 深入学习(三) Box Model 盒模型

我个人认为,彻底深入的学习 CSS 需要非常清晰透彻的理解 CSS 的四大核心要点即: 盒模型、文档流、浮动、定位。为防止一些同学在个人理解时可能走的一些弯路,这里将分别从这几个核心要点谈起,今天首先需要讲述的便是 CSS 的首要核心要点:CSS Box Model 盒模型。

继续阅读

“网页重构”试题解答(下)

继续昨天转载 一份“网页重构”试题 解答的后半部分,看这些题目会发现后面的“用心想一想”和“勇气拼一拼”侧重于 代码缩写 代码语义 及 灵活应用,也就是说,虽然后面这些题目考察的知识即使不懂也是可以排出页面的,但如果将来你的页面每天面临上万甚至上亿次的访问呢,代码缩写的意义就在于此;而代码语义既可以对于搜索引擎友好又可以在关闭 CSS 渲染的模式下带给用户不至于太糟的体验;灵活运用则是为了考察你代码的兼容性及强壮稳定性,对于复杂页面结构的代码需要兼容所有的主流浏览器的各个版本,而灵活的使用多种方法制作页面效果也是必须的。

继续阅读

“网页重构”试题解答(上)

昨天转载了 一份“网页重构”试题 今天我就试题里面的内容进行一下简单的解答和点评,之所以叫“网页重构”而不是通常我们提到的“网站重构”说明该试题考察的知识面并不宽泛,如果这份试题真是某公司的面试问卷的话,可以看出该公司工作分工之详细。废话就不多说了,以下是我自己的一些解答和简单点评,如有网友对于一些问题的答案持不同意见可在后面留言…… 继续阅读

一份“网页重构”试题

今天网上闲逛无意间看到有这么一份“网页重构”试题,据说是某国内知名互联网公司的实习生招聘“海选”试题(具体真实性及哪个公司此处不做讨论仅供学习交流之用)同是做网站前端的朋友可以看一看是否你能轻松应对,明天我会贴出我自己做的答案并做一些简单的解题说明和点评给大家参考一下,试题部分如下:

继续阅读

层叠样式表 CSS 深入学习(二) 使用外部样式表的细微差别

在前一篇 层叠样式表 CSS 深入学习(一) 中对 CSS 的几种引入方法做了一些简介和说明及示例,这几种引入 CSS 的方法究竟有那些大的区别和一些细微的差别,而这些差别将如何影响浏览器的处理及页面的呈现,进而影响到一个页面的性能,将是今天我所要说明的问题。

继续阅读

层叠样式表 CSS 深入学习(一) 简介与几种使用方法

首先,在浏览 CSS 教程之前您需要至少了解 HTML 超文本标记语言,关于 HTML 推荐 布啦布啦 的在线教程,或许你会奇怪网上已经有如此多的 CSS 教程,为什么我还要写这些文章,那么请耐心把本文看完,或许你会发现些许不同,这也是为什么我同样推荐给具有一定 CSS 水平的朋友阅读的原因,因为有些原本你自认为已经掌握的东西或许跟你想的会有所不同 ^_^

文章中的内容即适合完全没有 CSS 基础的朋友学习查阅,也可供具有一定 CSS 基础的朋友参考提高之用,文中一些个人经验是本人从事纯 XTML+CSS 工作近三年的宝贵收获,现分享给大家,希望能让已经或即将从事这份工作的朋友能够少走一些弯路,从而利用有限的时间获得更大的成就。

继续阅读