ASP网站制作之CSS有用技能及罕见成绩

只看该作者 · 发表于 2015-1-16 22:06:21

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

ActiveServerPage技术为应用开发商提供了基于脚本的直观、快速、高效的应用开发手段，极大地提高了开发的效果。在讨论ASP的安全性问题之前，让我们来看看ASP是怎么工作的。团体总结的一些CSS有用技能及必需得注重的事项:

1.正文须知:html中正文不克不及如许写:复制内容到剪贴板代码:

<div></div>
<div></div>这类写法,FF中会疏忽其上面的内容详见:http://www.bluebirdsky.cn/article.asp?id=153.
2.CSS正文牢记在/*以后及*/之前空一格,不然在有些言语中会出成绩,准确写法:复制内容到剪贴板代码:

#div{style}/*正文前后要空格*/3.最复杂辨别IE与FF的HACK写法(详细道理请参考:http://www.bluebirdsky.cn/article.asp?id=65):复制内容到剪贴板代码:

#layer{
padding-top:20px;/*FF中界说*/
*padding-top:10px;/*IE中界说*/
}4.空div在IE(FF中没有)是有默许高度的,能够用界说:复制内容到剪贴板代码:

div{witdh:100%;background:#9c0;ling-height:0}的体例往失落默许高度.
5.按钮按下时平面感效果:复制内容到剪贴板代码:

a:hover{position:relative;top:1px;left:1px}/*牢记必定如果绝对定位*/6.封闭以后页面代码:复制内容到剪贴板代码:

<div>封闭以后页面</div>7.整站变灰代码(加到款式表中):复制内容到剪贴板代码:

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}8.设为首页代码:复制内容到剪贴板代码:

<spanstyle="CURSOR:hand">设为首页</span>9.到场保藏代码:复制内容到剪贴板代码:

<scriptlanguage="JavaScript">
functionbluebirdsky()
{window.external.addFavorite(http://www.bluebirdsky.cn,Bluebirdsky);}
if(document.all)document.write(<ahref="##"title="把“Bluebirdsky”到场您的保藏夹！">保藏本站</a>)
</script>10.导航间竖线的界说办法:
css部分:复制内容到剪贴板代码:

.nav{
width:408px;/*这个宽度必定要按li中的宽度算好*/
float:right;
display:inline;
overflow:hidden
}
.navul{
margin:0;
padding:0
}
.navli{
float:right;
width:80px;
height:auto;
text-align:center;
padding:010px;
border-right:1pxsolid#444;
margin-right:-1px;
}html部分:复制内容到剪贴板代码:

<divclass="nav">
<ul>
<li><ahref="show.htm">产物展现</a></li>
<li><ahref="case.htm">乐成案例</a></li>
<li><ahref="service.htm">客户服务</a></li>
<li><ahref="download.htm">下载中央</a></li>
</ul>
</div>11.中英文下划线对齐体例(使用图片的align="absmiddle"):复制内容到剪贴板代码:

29.检索或设置工具的层叠按次:复制内容到剪贴板代码:

z-index：auto|number此属性仅仅感化于position属性值为relative或absolute时的工具.看个DEMO
30.使一个层垂直居中于扫瞄器中:复制内容到剪贴板代码:

div{
position:absolute;
top:50%;
left:50%;
margin:-100px00-100px;
width:200px;
height:200px;
border:1pxsolidred;
}具体案例请参考:http://www.bluebirdsky.cn/article.asp?id=210
31.怎样让三列横向分列复制内容到剪贴板代码:

div{
float:left;
margin:1px;
width:200px;
height:200px;
background:orange
}32.将以下代码到场GlobalCSS中,给必要闭合的div加上class="clearfix"便可,屡试不爽.复制内容到剪贴板代码:

/*ClearFix*/
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/*HidefromIEMac*/
.clearfix{display:block;}
/*EndhidefromIEMac*/
/*endofclearfix*/33.若需给a标签内内容加上款式,必要设置display:block(罕见于导航标签).
........................
只要你想学,就没什么优缺点,上面那位大哥已经把网上的评论说了,但我认为想学哪个都一样,不然它就不可能在当今时代数字艺术方面存活到今天