分享到：

网站排版

几个经典的css技巧

使用 line-height 垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致）不让链接折行a { white-space:nowrap; } 上面的设定就能避免链接折行始终让 Firefox 显示滚动条html { overflow:-moz-scrollbars-vertical; } body, html { min-height:101%; }使块元素水平居中margin:0 auto; 其实就是margin-left: auto; margin-right: auto; 这个技巧基本上所有的 CSS 教科书都会有说明，别忘记给它加上个宽度。Exploer 下也可以使用body{ text-align: center; } 然后定义内层容器text-align: left;恢复。隐藏 Exploer textarea 的滚动条textarea { overflow:auto; } Exploer 默认情况下 textarea 会有垂直滚动条。设置打印分页h2 { page-break-before:always; } page-break-before 属性能设置打印网页时的分页。删除链接上的虚线框a:active, a:focus { outline:none; } Firefox 默认会在链接获得焦点（或者点击时）加上条虚线框，使用上面的属性可以删除。

发布时间：2012/12/24
几乎被设计师遗忘了的标签-fieldset

fieldset { width: 300px; border: 1px solid #006600; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } ul { margin: 10px; padding: 0px; background-color: #FFFFCC; } li { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 180%; } Dascom News Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital

发布时间：2011/10/28
在IE浏览器中正确显示PNG透明图片

PNG图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。解决这个的方法是增加javascript。具体方法如下：把下面的代码放在head区就可以解决问题了。以下是引用片段： <script language="javascript"> function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id=’" + img.id + "’ " : "" var imgClass = (img.className) ? "class=’" + img.className + "’ " : "" var imgTitle = (img.title) ? "title=’" + img.title + "’ " : "title=’" + img.alt + "’ " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\’" + img.src + "\’, sizingMethod=’scale’);\">" img.outerHTML = strNewHTML i = i-1 } } } window.attachEvent("onload", correctPNG); </script> 也可以把这段代码单独加在一张图片上：以下是引用片段： 

发布时间：2011/09/09
Html常用标签元素

常用HTML标签元素结合及简介<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题 <h1></h1> 最大的标题<pre></pre> 预先格式化文本 下划线 黑体字 斜体字 <tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大 字体缩小 <STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码 <KBD></KBD> 键盘字<SAMP></SAMP> 范例 <VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记 上标字 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體 ...字體顏色...最小字體 ...無限增大格式标志标签 创建一个段落 将段落按左、中、右对齐　 换行插入换行符 <blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表 <ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点　　<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单 <DIR> 目录清单 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度) <center></center> 水平居中链接标志表格标志<a href="URL"></a> 创建超文本链接 <a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接 <a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系链接标记注解：◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型 ◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

发布时间：2012/12/24

销售热线：0755-26430418，26435736，　售后服务：0755-26435726，86063568，续费专线：0755-26435736， E-mail：kf@510888.cn
Copyright © 2003-2021 深圳市赛奥特网络有限公司 All Rights Reserved. 备案序号：粤ICP备06028019号
 网站建设，网站运营，网站推广，专业团队尽心尽力为客户做好每一个细节！
深圳网站建设，深圳网页设计，深圳网站制作，深圳建网站，赛奥特网络，网站建设，网站推广，域名注册，虚拟主机，企业邮箱，网络营销，电子商务，网站制作，网站设计，网站服务，企业网站，企业信息化

在线客服
服务热线
客服邮箱
微信咨询
返回顶部

网站排版

几个经典的css技巧

几乎被设计师遗忘了的标签-fieldset

在IE浏览器中正确显示PNG透明图片

Html常用标签元素

服务与支持

在线购买

高端定制

在线客服