在DIV+CSS的时代里，拥有一个贴心的CSS手册会极大的增加网页设计的效率。目前市面上大家用的最多的就是苏沈小雨制作的《CSS 2.0中文手册》，我也一直用了有四五年了。手册使用CHM格式，内容非常的丰富，几乎包括了CSS2的所有内容。
下载地址
http://www.javatang.com/_download/css2handbook.rar ......
分类:Web前端
IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"， IE8能识别" \9"，但不能识别下划线"_"， 而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法
1：!important
!important作用是提高指定样式规则的应用优先权。
IE7以及所有标准浏览器能识别!important
区别IE6与IE7与其他浏览器
.browserTest
{
border:20px solid #60A179 !important;
border:20px solid #00F;
}
在Mozilla中或者IE7浏览时候，能够理解!important的优先级，因此显示#60A179的颜色：
在IE6中浏览时候，不能够理解!important的优先级，因此显示#00F的颜色：
2：*
IE都能识别*；标准浏览器(如火狐)不能识别*
区别IE6与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F;
}
区别IE7与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F;
}
区别IE7，IE6与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F !impo ......
js没效果:如果在以UpdatePanel的方式的局部回传中，普通的Javascript代码在这种局部回传中就不会在触发了，就必须使用scriptmanager.RegisterClientScript方法（在<form>后面注册<script>）和scriptmanager.RegisterStartupScript方法（在</form之前注册<script>）
在你的用户控件的后端的某个合适位置，采用合适的注册方法，比如说load事件可以写以下代码：
//你的javascript代码
string script="var a='helloworld';alert(a);";
this.page.scriptmanager.RegisterStartupScript(this.page,typeof(string),"scriptforusercontrol",script,true);
css没效果：
string s = @"<LINK href="Css/Styles5.css" type="text/css" rel="stylesheet">";
ClientScript.RegisterStartupScript(this.GetType(), "", s);
这样就可以了。 ......
js没效果:如果在以UpdatePanel的方式的局部回传中，普通的Javascript代码在这种局部回传中就不会在触发了，就必须使用scriptmanager.RegisterClientScript方法（在<form>后面注册<script>）和scriptmanager.RegisterStartupScript方法（在</form之前注册<script>）
在你的用户控件的后端的某个合适位置，采用合适的注册方法，比如说load事件可以写以下代码：
//你的javascript代码
string script="var a='helloworld';alert(a);";
this.page.scriptmanager.RegisterStartupScript(this.page,typeof(string),"scriptforusercontrol",script,true);
css没效果：
string s = @"<LINK href="Css/Styles5.css" type="text/css" rel="stylesheet">";
ClientScript.RegisterStartupScript(this.GetType(), "", s);
这样就可以了。 ......
一 CSS文字属性：
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
letter-spacing : 1pt; /*字间距离*/
line-height : 200%; /*设置行高*/
font-weight:bold; /*文字粗体*/
vertical-align:sub; /*下标字*/
vertical-align:super; /*上标字*/
text-decoration:line-through; /*加删除线*/
text-decoration:overline; /*加顶线*/
text-decoration:underline; /*加下划线*/
text-decoration:none; /*删除链接下划线*/
text-transform : capitalize; /*首字大写*/
text-transform : uppercase; /*英文大写*/
text-transform : lowercase; /*英文小写*/
text-align:right; /*文字右对齐*/
text-align:left; /*文字左对齐*/
text-align:center; /*文字居中对齐*/
text-align:justify; /*文字分散对齐*/
vertical-align属性
vertical-align:top; /*垂直向上对齐*/
vertical-align:bottom; /*垂直向下对齐*/
vertical-align:middle; /*垂直居中对齐*/
vertical-align:text-top; /*文字垂直向上� ......
用css实现网页背景渐变的代码如下：
一、从上往下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
Example Source Code [www.mb5u.com]
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
......
1.在JSP中生成动态XML
可以使用JSP生成XML,使用CSS或者XSL转换和显示XML;
只要在静态的XML文档模板中加入Java代码和JSP标记，XML就可以有静变动，产生动态的内容，生成XML文档的方法很简单，只需要在文件中使用指令contenttype,如<%@ page contenttype="text/xml"%>；
在XML文档中同样可以使用Java代码，请求一个JSP（该XML文档最终以.jsp格式存储，该JSP格式的文件采用XML模板，其中可以插入Java代码）页面后Java代码将执行，而且只需要服务器第一次执行即可，客户端再请求该页面是，会直接将第一次执行的结果传送个客户端；
生成的.jsp文件中既含有JSP文件的特点，又有XML的特点，在XML文档中插入JSP代码。
2.XML/CSS/XSL
XML文件中使用的基本上是自定义的标记，一个浏览器是无法理解这些标记的，目前的浏览器仅作为一个XML文件的解析器，只要XML文件是Well-Formed的，浏览器就将文件原封不动地显示出来；
在XML中内容与表现形式是分开的，用户可以根据需要使用不同的形式表现数据，一个XML源文件中不包含数据的显示信息；
XML文件的所有表现信息多放在stylesheet样式表文件当中，如果一个XML文件对应不同� ......
1.在JSP中生成动态XML
可以使用JSP生成XML,使用CSS或者XSL转换和显示XML;
只要在静态的XML文档模板中加入Java代码和JSP标记，XML就可以有静变动，产生动态的内容，生成XML文档的方法很简单，只需要在文件中使用指令contenttype,如<%@ page contenttype="text/xml"%>；
在XML文档中同样可以使用Java代码，请求一个JSP（该XML文档最终以.jsp格式存储，该JSP格式的文件采用XML模板，其中可以插入Java代码）页面后Java代码将执行，而且只需要服务器第一次执行即可，客户端再请求该页面是，会直接将第一次执行的结果传送个客户端；
生成的.jsp文件中既含有JSP文件的特点，又有XML的特点，在XML文档中插入JSP代码。
2.XML/CSS/XSL
XML文件中使用的基本上是自定义的标记，一个浏览器是无法理解这些标记的，目前的浏览器仅作为一个XML文件的解析器，只要XML文件是Well-Formed的，浏览器就将文件原封不动地显示出来；
在XML中内容与表现形式是分开的，用户可以根据需要使用不同的形式表现数据，一个XML源文件中不包含数据的显示信息；
XML文件的所有表现信息多放在stylesheet样式表文件当中，如果一个XML文件对应不同� ......
1.在JSP中生成动态XML
可以使用JSP生成XML,使用CSS或者XSL转换和显示XML;
只要在静态的XML文档模板中加入Java代码和JSP标记，XML就可以有静变动，产生动态的内容，生成XML文档的方法很简单，只需要在文件中使用指令contenttype,如<%@ page contenttype="text/xml"%>；
在XML文档中同样可以使用Java代码，请求一个JSP（该XML文档最终以.jsp格式存储，该JSP格式的文件采用XML模板，其中可以插入Java代码）页面后Java代码将执行，而且只需要服务器第一次执行即可，客户端再请求该页面是，会直接将第一次执行的结果传送个客户端；
生成的.jsp文件中既含有JSP文件的特点，又有XML的特点，在XML文档中插入JSP代码。
2.XML/CSS/XSL
XML文件中使用的基本上是自定义的标记，一个浏览器是无法理解这些标记的，目前的浏览器仅作为一个XML文件的解析器，只要XML文件是Well-Formed的，浏览器就将文件原封不动地显示出来；
在XML中内容与表现形式是分开的，用户可以根据需要使用不同的形式表现数据，一个XML源文件中不包含数据的显示信息；
XML文件的所有表现信息多放在stylesheet样式表文件当中，如果一个XML文件对应不同� ......
最新文章 : css