网页制作代码的18个技巧

使用css好处是一次改变全部改变,这点可以很好的利用在换皮肤的应用中。

1、xml文件尽量以utf-8编码,gb2312有些字是存储不了的,如?,就算能存也需要转换,比较麻烦,utf-8也符合国际规范。

  2、CSS中:hover这个伪类,如果放在:visited前面则会失效。

  3、<a>标签如果没有href属性,所有对它的css的伪类如:hover均失效。

  4、js文件中用document.wirte("<script language=’javascript’ src=’" + file + "’></" + "script>"形式的引用,其file相对路径均为引用该js的html的路径。

  如:a.htm 引用x\b.js,b.js引用x\c.js,则file应该为x\c.js而不是相对b.js的直接路径c.js,而css中的@import,url()引用不存在这个问题

  5、在页面中,有时talbe的宽设置为100%右边也会留下一个滚动条的空白,请设置<body style="overflow:auto">

  6、对于常用的图片不要用img标签,使用<span><a>并用css指定其背景和宽高,对于做动态的(移上去变背景),使用<a>最好,不需要额外编写代码,只要利用伪类:hover就好了,使用css好处是一次改变全部改变,这点可以很好的利用在换皮肤的应用中。

  7、@font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}
  定义一种在本地没有的字体名称,调用<span style="font-family:comic;font-size:18pt>aa</span>

  8、几个CSS
  div { overflow: hidden;text-overflow:ellipsis; }
  td { vertical-align : middle; }
  要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。  假如没有换行机会(例如,对象容器的宽度是狭窄的,而内有很长的没有合理断行的文本),没有应用 nowrap 也有可能溢出。
  为了使 ellipsis 值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden。

  9、firefox的document.createElement不支持内容里有HTML标签,也不支持innerText,但是支持innerHTML,可以用innerHTML指定其内容。

  10、.net控件里DropDownList在firefox下的宽度不着色,需要直接定义style=’width:10px;’

  11、firefox中css的cursor不支持hand,使用pointer代替。

  12、iframe里的滚动条需要在iframe标签里设置style=’overflow:hidden’,不能仅仅在body里设置,在firefox会有问题。

  13、在onpropertychange事件时,注意使用event.propertyName对属性改变事件过滤,在设置本事件时,其实已经改变了onpropertychange这个属性,所以会自动的执行一次。

  14、js5.6里的对XSL的支持版本较低,如document函数就不支持。

  15、slice函数比直接循环获取数组片断慢。

  16、nextSibling获得下一个对象时,需要注意,两个节点间不要有空格,否则很容易获取不到正确得对象。

  17、CreateTextFile在有中文时必须指定第三个参数为true,否则不能写入中文,表现为Write写时报错

  18、保存中文文本时使用ADODB.stream,不使用fso,因为FSO不支持utf-8格式。

时间: 2024-12-24 21:00:13

网页制作代码的18个技巧的相关文章

HTML网页制作的八条强大技巧

 虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多. 如: <tt>实用网络<br><i>曾伟滨</i><br></tt> 2.不要用800*600的分辨率来制作网页,当浏览者用640*480看网页时,不旦会使速度减慢,还会使网页图像和文字出现错位.当然,

《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.2 网页的基本构成元素

1.2 网页的基本构成元素 不同性质的网站,构成网页的基本元素是不同的.网页中除了使用文本和图像外,还可以使用丰富多彩的多媒体和Flash动画等. 1.2.1 网站LOGO 网站LOGO也称为网站标志,网站标志是一个站点的象征,也是一个站点是否专业的标志之一.网站的标志应体现该网站的特色.内容以及其内在的文化内涵和理念.成功的网站标志有着独特的形象标识,在网站的推广和宣传中将起到事半功倍的效果.网站标志一般放在网站的左上角,访问者一眼就能看到它.网站标志通常有3种尺寸:88×31.120×60和

ASP.NET餐饮管理系统制作代码分享_实用技巧

页面介绍展示: 以上是餐饮管理系统制作图片介绍,接下来是代码部分. menu.aspx  <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="menu.aspx.cs" Inherits="menu" Title="无标题页" %> <

网页制作教程:CSS打印样式技巧

文章简介:针对打印的样式,而不是屏幕显示样式. 不经过任何处理而直接打印网站上的页面会得到一个不理想的效果. 我们WEB开发人员可以简单的采用几个要点来使之达到较为合适的效果: 使用响应式布局设置打印的效果 打印背景图片和颜色,在合适的时候 添加显示的网址或页面链接,以供参考 使用css filter 提高打印的图形效果 针对打印的样式,而不是屏幕显示样式 首先,我们需要使用媒体查询(media query)针对 打印样式设置. @media print {    } 重新针对打印写CSS样式是

总结网页代码常用小技巧,网页制作必学

技巧|网页 1.让浏览器窗口永远都不出现滚动条. 〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉2,没有水平滚动条〈body style="overflow-x:hidden"〉3,没有垂直滚动条〈body style="overflow-y:hidden"〉 2,如何给图片抖

18条Dreamweaver网页制作的操作技巧

  1.在进行网页设计时,大家都喜欢用Style调用的方式,因为它可以让页面更统一,也让设计过程变得更简便.调用Style的方法有很多,可以单击鼠标右键选择Custon Style来调用Style标准,也可以直接在Dreamweaver状态栏中的元素列表上单击鼠标右键调用Style.不同的操作方法最终实现的效果是一样的,但其产生的HTML代码却会有所差异.比如用CUSTON STYLE来调用STYLE标准,在网页代码中就生成一个〈SPAN〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解

网页制作中经常用到的六则代码技巧

一.: 表格内的文字不会自动换行,怎么办? 有两种可能的情况: 第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的.如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如"宋体"). 第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如: <td style=

网页制作技巧:你做的网页试过“面目全非”吗?

技巧|网页 如果只是因为浏览器的设置改变,或浏览器不兼容,使自己精心制作的网页变得"面目全非",多令人沮丧!这里我们列出几个网页初学者常见的网页布局问题以及解决方法-- 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页

DIVCSS网页设计总结:有用的3个网页制作技巧

网页制作Webjx文章简介:DIVCSS网页设计总结:有用的3个网页制作技巧. 我们在进行DivCSS布局的时候,非常关注CSS技巧的学习,今天向大家推荐3个所谓的 "顶级"CSS技巧!虽然没有什么新意,但对新手而言却非常重要! 一.在一行内声明CSS h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}  h2 {  font-size:18px;  border:1px soli