热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : css

使用div+css布局网站避免10大错误

CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在写很多代码的情况下难免会忘记结束标签，这样就会导致整个网站出现一些运行的问题以及下一步的操作，所以要注意检查标签的书写，也可以用dreamweaver的验证功能检查。
2. 利用排除法确定错误发生的位置
如果在运行的时候出现某些问题，可以利用排除法，逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
3. 利用border属性确定出错元素的布局特性
有时候我们不知道这个div 是在哪里，或者使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
4. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
5. float元素的父元素不能指定clear属性
MacIE下如果对float的元素的父 ......

提高页面相应速度之压缩优化js和css文件

Steve Souders在他的《High Performance Web Sites》一书中提出提高网页效率的14条准则，这些可以使用Yahoo! YSlow来进行一个比较形象的检测。
这里主要来说一下第一条准则：Make Fewer HTTP Requests，意思就是尽可能的减少HTTP请求。当时要达到这个目的有很多种方法，其中最重要的一点就是将CSS文件和Javascript文件分别进行压缩和合并，这样就在很大程度上减少了浏览器对服务器的HTTP请求此处，另外一旦被浏览器下载到本地可以对此进行缓存，从而提高了加载速度。
有关于这方面的工具最优秀且使用最为广泛的开源软件非YUI Compressor莫属了。但是YUICompressor只能使用命令行一个个对js或css文件进行压缩，现在我们就通过使用ant脚本来达到批量压缩合并多个文件的目的。
下面以压缩js文件为例进行说明。
首先做一个关于js文件编码规范的约定：所有的原始文件均为 .source.js，经过压缩处理后文件变为.js，将多个压缩后的文件合并后的文件名称为all-min.js。
接下来可以写下面的ant脚本：

<property name="js.dir" value="${web.dir}/scripts" />
<property name="js.release.name" value="all-min.js"/ ......

CSS整理

1.         样式表的简介：样式表由样式规则组成，这些规则告诉浏览器如何显示文档。
根据样式表所在位置，可分为行内样式、内嵌样式表、外部样式表
Ø         样式表的基本语法
1．样式规则：h2{color:limegreen;}
                 其中：h2：选择器 color：属性   limegreen：属性值
2．样式表，例如：
<style>----------------样式标签
H2{color:green;font-family:System;}
</style>
Ø         样式表的常用属性：
属性
CSS名称
说明
颜色
Color
设置或检索文本的颜色
背景属性
background-color
设置或检索对象的背景颜色
background-image
设置或检索背景图象
字体属性
font-family
设置或检索文本的字体
f ......

DIV+CSS使用过程中所收集的资料

    最近正在帮朋友做一个基于WEB2.0的网页。以前做网页时网页中的定位一般采用Table表格的方式来完成，熟门熟路去完成一个站点没啥问题；现在流行的2.0标准，不但在语言上有提升（要么是.Net，要么是PHP5.x），而且在网页的组织样式(DIV标签)，层叠样式表（CSS），Ajax技术等，都是全新的概念，好在自己在年前已经关注这方面的技术，通过近半年的学习，体会颇深，全新的网页架构方式确实具有无穷的魅力，与格调单一的table来比较，它的优势真的很大：表现层、结构层、数据层分离，方便分工合作；灵活的风格调用，使得同一个结构，可以有若干个网页风格样式（现在的博客一般采用这种方式）；实时的数据更新（Ajax技术）让网页更加的亲民，更具魅力……
        现在发一些我在学习，使用过程中所收集的这方面相关资料：


一、XHTML常用标签介绍

一段时间以来，发现有很多人XHTML
都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML
，我这里呢算是把一些常见的应用问题做一个总结，� ......

获取对象CSS属性

//获取一个特定元素的样式属性
function getStyle(elem,name){
//如果该属性存在于style中则他最近被设置过
if(elem.style[name]){
return elem.style[name];
}
//否则尝试IE方法
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C方法
}else if(document.defaultview && document.defaultView.getComputedStyle){
name=name.repalce("/([A-Z])/g","-$1");
name=name.toLowerCase();
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(name);
}else{
return null;
}
} ......

CSS中expression使用简介

　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
　　给元素固有属性赋值
　　例如，你可以依照浏览器的大小来安置一个元素的位置。
#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
　　给元素自定义属性赋值
　　例如，消除页面上的链接虚线框。通常的做法是：
<a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" on ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 [19] [20] [21] [22] 23 [24] [25] [26] [27] [28] 下一页尾页