web测试总结,学习web标准的十个重要理由总结
点评：如果你是一个新接触web标准这个概念并且还犹豫是否应该花时间去学习它的web开发者或者设计者，这里有一些让你去学习它的重要理由。对于已经使用web标准的web专业人士，当你需要很好的论据的时候这份清单可能可以派上用场，并且随意添加任何你所想到的好处。1. 让自己看起来更专业其他web开发者和潜在的雇主将可以看看你的工作，知道你一个喜欢跟上技术的变化的人，并确保你的知识和技能的总是最新的。它将... [阅读全文]
css挂马,黑客选择CSS挂马 CSS挂马攻防实录
点评：黑客们发现发现，用来制作网页特效的CSS代码，也可以用来挂马。看原理然后考虑如何防范。随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。 安天实验室阿楠：安全工程师，从事病毒分析多年。 网站挂马的手段最初非常单一，但是随着Web2.0技... [阅读全文]
css代码,CSS 星级评价效果代码
点评：做一个星级评价的功能不是很难，但是要单纯用CSS写估计就有点难度了先来个截图：效果很简单，可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法：CSS： 代码 复制代码代码如下:... [阅读全文]
ie6css,ie6 fixed bug的解决方法 （css+js）
点评： ie6 fixed bug (css+js)解决方法，需要的朋友可以参考下。复制代码代码如下:... [阅读全文]
无组件上传源代码,制作高效可维护组件化的CSS代码
点评：国外前端开发者的CSS教程，PPT形式展示，主要探讨如何制作高效，可维护，组件化的CSS代码。里面有许多基础性的内容，总体整合在一起是个相当不错的CSS视频教程。国外前端开发者的CSS教程，PPT形式展示，主要探讨如何制作高效，可维护，组件化的CSS代码。里面有许多基础性的内容，总体整合在一起是个相当不错的CSS视频教程。 本文由腾讯的童鞋翻译 ... [阅读全文]
css内联元素,css 块状元素和内联元素
点评：是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）。是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。 注：这节课看似挺长，其实内容很少，通过举例子让大家更... [阅读全文]
css验证,验证并修复css错误内容的相关连接
点评：新的页面生成后，你应该验证css是正确的并修复一些错误的内容。如果你使用浏览器来测试这些页面，它们对页面可能不会有任何影响。但为了产品的完美我们应修正这些错误。你可以在验证的过程中更好的学习相关规定。相关工具：1、W3C验证服务2、XHTML-CSS验证... [阅读全文]
css内联元素,CSS 盒模型、块状元素与内联元素、CSS选择器
点评：CSS实例 盒模型、块状元素与内联元素、CSS选择器.【例子】要求：1）宽度、高度均是200像素；2）颜色为红色#900；自己做做，看看能不能作出来？先不要看我的代码，如果真的做不出来，就下载下来，跟着我下面说的一步一步修改。下面是我的代码： 例子1.rar (498 Bytes) 在IE6和FF中显示效果如下图： 怎么样，比较容易吧~，但是你们有没有发现，红色区域离浏览器的顶部和左边的... [阅读全文]
css图表,html+css实现数据图表的展示效果
点评：一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。1、完全使用div、span和css制作的数据图表。2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快，而且延展性比较灵活。4、这个竖状条形图完全使用html和css制... [阅读全文]
float浮动,css 浮动 理解Float的含义
点评：css实例教程 理解Float的含义.面布局有两种方式 1）浮动Float 2）定位Position 今天就来一个小小的练习，让大家理解Float的含义 【例子】 要求： 1）两个方块，一个红色#900，一个蓝色#009； 2）红色方块宽度和高度均为200像素，蓝色方块 宽度为300像素，高度为200像素； 3）红色方块蓝的上外边距(margin-top)和左外边距(margin-left)... [阅读全文]
css清除浮动,CSS 清除浮动Clear
点评：课程关键词：清除浮动Clear.还记得第二课我们做的例子的效果么？最后效果是，红色方块和蓝色方块都处于一行，我们使用“Float:left”，打击了块状元素的“霸道”即块状元素不允许其他元素和它处于同一行。我们将红色方块的CSS代码中加入了“Float:left;”后，红色方块终于允许蓝色方块和它处于同一行。如图：我们换... [阅读全文]
css导航条,CSS 制作网页导航条（上）
点评：CSS网页制作教程:制作网页导航条.课程开始： 前三节课，我们知道了什么是“内容块状元素和内联元素”，以及XHTML+CSS布局的核心概念“盒子模型”，同时又学习了一下页面布局中两种方法中的一种方法“浮动”，这次我们就利用这三个概念，来制作一款，经典的导航条，别看它其貌不扬，可是网上所有的导航条都可以再它的基础... [阅读全文]
css导航条,CSS 制作网页导航条（下）
点评：上一篇文章的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条上节课我们将导航条做成了下面的效果但是此时的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条【第四步】 我们需要将上面的导航条做以下几个修改 1）给上面的导航加上链接； 2）链接文字大小修改为12px; 3）并且规定链接样式，鼠标移上去和拿开的效果 修改方法如下 1）导航加链接，HTML代码如下： 复制代... [阅读全文]
float浮动,css 浮动（float）页面布局
点评：前四节的大练习大家做的怎么样？有没有难度，如果你觉着有难度没有关系，这节课，我带着大家做一下这个练习！【第一步 整体布局与公共CSS定义】我们先来分析一下这个页面页面主要分5大块，顶部的Logo、导航条Nav、Banner、Content、Footer，如下图 下载 (116.12 KB)2009-6-1 09:22这样HTML就很容易写出来了复制代码代码如下:... [阅读全文]
语义分析c代码,减少代码和语义化标签实现方法
点评：如果你在生成页面的时候过多的使用div，那你有必要阅读这篇文章了。本文主要关注如何通过语义化的标签、减少div使用等方法来简化代码。你是否在修改某人的页面时，被他的乱七八糟的代码搞晕乎？简洁的代码不但方便自己，同时方便你的团队成员。他在你调试页面或编辑的时候节省你的时间（尤其对于大的项目来说）。一、去掉不必要的div标签我看到好多人都在form或ul列表的外面嵌入一个div结构，为什么要嵌入... [阅读全文]
css框架,3个css框架分享网站
点评：我们在工作当中肯定总结了一些儿有价值的东西，而真正将这些有价值的东西收集整理在一起并发表出来的就比较少了。下面的3个人确做到了，他们将自己工作当中经常使用的页面框架布局分类整理出来和大家分享。在其中选择你需要的布局，然后把css考过来就可以使用了。1、优秀并免费的css模版：这个网站提供了免费的css模版供你使用，仅仅是复制粘贴就会给你一个惊喜。2、大量的布局结构：如果53个固定的布局不能满... [阅读全文]
css属性,简单但很实用的5个css属性
点评：这5个有用的css属性可能你是比较熟悉的，但是很少使用到它们。我这里讨论的不是css3的新属性。我提到的都是被所有浏览器支持的css2属性比如：clip、min-height、white-space、cursor和display。千万别错过这篇文章，因为你会惊讶的发现他们是很有用的。一、css clip（裁切）clip裁切这个属性有点像是遮罩。它允许你用特定的形状遮罩相应的内容。裁切某元素之... [阅读全文]
seocss,xHTML+CSS与SEO的关系
点评：xHTML+CSS与SEO的内容，后面章节会详细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎看的，所以不能不提提xHTML+CSS与SEO的关系。1)将页面中最重要的内容用h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面的核心关键词，搜索引擎很重视h1标签的内容哟2)合理的运用h2... [阅读全文]
css优先级,CSS 控制页面样式的4种方式和优先级问题
点评：CSS 控制页面样式的4种方式和优先级问题本节主要讲解，两个内容， 第一：CSS如何控制页面样式，有几种方式； 第二：这些方式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是HTML，是内容，而衣服呢就是CSS，是表 象，现在出现的问题是，如何让CSS去... [阅读全文]
css选择器,CSS教程 CSS选择器
点评：上节课我们讲了一下CSS通过什么方式去控制页面，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内嵌方式、链接方式、导入方式上节课我们讲了一下CSS通过什么方式去控制页面，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的... [阅读全文]
float浮动,css 浮动（float）页面布局（下）
点评：我们接着上节课，继续学习，我把页面整体效果发出来，方便大家学习【第七步 内容左侧板块(ContentL)布局】 我们分析一下他的结构，主要包括标题和文章内容两块，并且标题和内容之间有一条虚线，而第二篇文章的内容部分是图片和文字相结合且文字环绕图片。 好~！既然搞清楚结构了，后面我们布局就容易了 我打算标题用h1标签，为什么这么用呢，原因如下 第一:h1标签本身字体就是加粗的这样CSS里面就不... [阅读全文]
css选择器,CSS 选择器命名规范化
点评：关于CSS命名法，和其他的程序命名差不多，也是有三种：骆驼命名法，帕斯卡命名法，匈牙利命名法。规范的命名也是Web标准中的重要一项，标准的命名可以更好的看懂代码，我想大家应该都有这种经历，某日翻出自己过去写的代码居然看不懂了，呵呵，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个人就可以完成的，是需要大家互相合作的，如果没有规范化命名，别人就无法看懂你的代码，大大降低了工作效... [阅读全文]
css定位,css position 定位
点评：定位(position)布局页面说容易非常容易，只需要记住这节课最后一句话就可以了，说困难，那是相当的难理解，需要一定的耐心，不过还好，KwooJan给大家总结的已经很通俗易懂了。如果下面的文字实在是无法理解透，那就记住这节课最后总结的一句话“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolu... [阅读全文]
css盒子模型,CSS 理解盒子模型
点评：盒子模型，是XHTML+CSS布局页面中的核心！要想学会用CSS布局页面，就首先要理解盒子模型！什么是盒子模型？对于初学者来说，很难说出来，但是对于生活中的盒子大家熟悉吧，哈哈，这里提到的盒子模型你就可以理解成现实生活中的盒子就可以了，不然怎么能起个名字叫“盒子模型”呢好！既然和现实生活中的盒子一样，那我们想一下，生活中的盒子内部是不是空的好用来存放东西，而里面存放东... [阅读全文]
css内联元素,css 块状元素和内联元素
点评：是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）。是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。 注：这节课看似挺长，其实内容很少，通过举例子让大家更... [阅读全文]
css内联元素,CSS 盒模型、块状元素与内联元素、CSS选择器
点评：CSS实例 盒模型、块状元素与内联元素、CSS选择器.【例子】要求：1）宽度、高度均是200像素；2）颜色为红色#900；自己做做，看看能不能作出来？先不要看我的代码，如果真的做不出来，就下载下来，跟着我下面说的一步一步修改。下面是我的代码： 例子1.rar (498 Bytes) 在IE6和FF中显示效果如下图： 怎么样，比较容易吧~，但是你们有没有发现，红色区域离浏览器的顶部和左边的... [阅读全文]
float浮动,css 浮动 理解Float的含义
点评：css实例教程 理解Float的含义.面布局有两种方式 1）浮动Float 2）定位Position 今天就来一个小小的练习，让大家理解Float的含义 【例子】 要求： 1）两个方块，一个红色#900，一个蓝色#009； 2）红色方块宽度和高度均为200像素，蓝色方块 宽度为300像素，高度为200像素； 3）红色方块蓝的上外边距(margin-top)和左外边距(margin-left)... [阅读全文]
IE6，IE7下实现white-space:pre-wrap
点评：我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。然而... [阅读全文]
css圆角输入框,CSS 圆角框进行JS封装版
点评：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。前序：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。在本次封装中，增加了对真正img标签引用的图片实现圆角化，之前的圆角图片大多是基于背景图片的... [阅读全文]
css书写规范,Mozilla建议的css书写顺序
点评：css书写顺序，据网上说这个是Mozilla建议的，让你的代码兼容性更好。显示属性 复制代码代码如下:... [阅读全文]
