分类目录归档:CSS

常用布局

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>常用布局</title> <style type="text/css"> body {margin:0;padding:0;background:url("bg2.png") repeat-x;} p, h1 {margin:0;padding:0;text-align:center;} h1 {text-align:left;color:#FFFFFF;} #header {height:90px;background:url("bg.png") repeat-y center;margin:0 auto;display:table;width:100%;} #page {width:700px;height:500px;background:#2CDA4A;margin:0 auto;} #logo {width:700px;margin:0 auto;} </style> </head> <body> <div id="header"> <div id="logo"> <h1>头部内容</h1> </div> </div> … 继续阅读

发表在 CSS, html | 留下评论

一个CSS

头部图片无限收缩。不会出现空白。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>onecss</title> <style type="text/css"> body {margin:0;padding:0;} #head {height:151px;width:100%;background:url(http://xnny.net/images/h151_bg.png) repeat-x scroll 0 0;min-width:800px;} #logo {height:151px;width:800px;border:solid #000 1px;margin:0 auto;} </style> </head>   <body> <div id="head"> <div id="logo"></div> </div> </body> </html>

发表在 CSS | 2 条评论

让Adobe Dreamweaver CS4支持CSS3语法高亮

CSS3相比CSS2增加了更多的标记与效果,但Adobe Dreamweaver CS4还只支持CSS2的语法高亮。 我们可以通过Adobe Extension Manager CS4来为Dreamweaver扩展CSS3相关功能,使其能支持语法高亮。 Adobe Extension Manager CS4破解版:http://www.sz1001.net/soft/39093.htm CSS3扩展下载地址,http://www.brsbox.com/filebox/down/fc/f6688969368bd251895b1b1bec815165 下载后,用Adobe Extension Manager加载安装就可以了。

发表在 CSS | 标签为 , , | 一条评论

CSS背景不滚动

有时要求背景图片不滚动,而是固定在一个地方. 就需要使用到background-attachment: fixed; background-attachment有两个属性: scroll:默认。背景图像会随着页面其余部分的滚动而移动。 fixed:当页面的其余部分滚动时,背景图像不会移动。

发表在 CSS | 标签为 , | 一条评论

全部放在一张图里

一个访问量非常大的网站,如果背景图片都是一张一张加载,每多一张图片,客户端就会向多服务器发送一个请求。服务器会有更多的负担。 所以现在的大型门户网站都开始把小的背景图片集合在一张图片里。这样只一次下载就可以了。然后使用背景 图片的background-position属性,对要显示的部分进行定位。这真是个非常好的细节。 背景图片的background-position:X坐标 Y坐标。通常可以写成一行:background:url(hi.png) repeat-x 0px 0px; 这种技术叫“CSS Sprites”

发表在 CSS | 标签为 | 留下评论

CSS clear 属性

发表在 CSS | 标签为 | 留下评论

CSS 伪类

a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */

发表在 CSS | 标签为 | 留下评论

ASP.NET 连接Access数据库

使用GridView在页面显示数据库。 代码如下:

发表在 CSS | 标签为 | 留下评论