HTML/CSS技术

HTML/CSS技术

scrollWidth,clientWidth与offsetWidth的区别

阅读(39) 作者(admin)

scrollWidth 是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。 clientWidth 是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。 offsetWidth 是对象的可见...

HTML/CSS技术

DIV+CSS布局教程大全与pdf电子书 下载

阅读(31) 作者(admin)

div+css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS――第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS――第2天:什么是名字空间 10网页设计DIV+C...

HTML/CSS技术

css display:none使用注意事项小结

阅读(30) 作者(admin)

1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js...

HTML/CSS技术

css display:none使用注意事项小结

阅读(21) 作者(admin)

1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js...

HTML/CSS技术

DIV+CSS布局教程大全与pdf电子书 下载

阅读(46) 作者(admin)

div+css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS――第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS――第2天:什么是名字空间 10网页设计DIV+C...

网页颜色搭配技巧 文字字体、字号、字体排版等
HTML/CSS技术

网页颜色搭配技巧 文字字体、字号、字体排版等

阅读(29) 作者(admin)

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网...

网页颜色搭配技巧 文字字体、字号、字体排版等
HTML/CSS技术

网页颜色搭配技巧 文字字体、字号、字体排版等

阅读(36) 作者(admin)

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网...

HTML/CSS技术

css position: absolute、relative详解

阅读(43) 作者(admin)

CSS2.0 HandBook上的解释:

设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置...

HTML/CSS技术

用CSS实现下拉菜单的多种方法

阅读(38) 作者(admin)

横向下拉菜单 横向下拉菜单 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单二 菜单二 菜单二 菜单二 菜单二 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四...

HTML/CSS技术

用CSS实现下拉菜单的多种方法

阅读(32) 作者(admin)

横向下拉菜单 横向下拉菜单 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单二 菜单二 菜单二 菜单二 菜单二 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四...

HTML/CSS技术

css position: absolute、relative详解

阅读(44) 作者(admin)

CSS2.0 HandBook上的解释:

设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置...

HTML/CSS技术

iframe自适应高度的多种方法方法小结

阅读(41) 作者(admin)

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现...

HTML/CSS技术

iframe自适应高度的多种方法方法小结

阅读(34) 作者(admin)

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现...

HTML/CSS技术

word-wrap

阅读(37) 作者(admin)

word-wrap : normal | break-word

参数:

normal :  允许内容顶开指定的容器边界break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生

说明:

设置或检索当当前行超过指定容器的边界时是否断开...

HTML/CSS技术

word-wrap

阅读(43) 作者(admin)

word-wrap : normal | break-word

参数:

normal :  允许内容顶开指定的容器边界break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生

说明:

设置或检索当当前行超过指定容器的边界时是否断开...

HTML/CSS技术

div+css排版的样例

阅读(45) 作者(admin)

div+css排版的样例 Div布局 body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必须要有的*/div { height:200px; color:red; } .title {...

HTML/CSS技术

CSS经典技巧十则第1/2页

阅读(47) 作者(admin)

1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行...

HTML/CSS技术

div+css排版的样例

阅读(27) 作者(admin)

div+css排版的样例 Div布局 body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必须要有的*/div { height:200px; color:red; } .title {...

HTML/CSS技术

CSS经典技巧十则第1/2页

阅读(36) 作者(admin)

1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行...

HTML/CSS技术

div+css排版的样例

阅读(26) 作者(admin)

div+css排版的样例 Div布局 body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必须要有的*/div { height:200px; color:red; } .title {...

HTML/CSS技术

CSS经典技巧十则第1/2页

阅读(25) 作者(admin)

1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行...

CSS超级技巧大放送合集
HTML/CSS技术

CSS超级技巧大放送合集

阅读(29) 作者(admin)

一.使用css缩写

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。在HT...

HTML/CSS技术

HTML结构化:实践DIV+CSS网页布局入门指南

阅读(42) 作者(admin)

你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构...

CSS超级技巧大放送合集
HTML/CSS技术

CSS超级技巧大放送合集

阅读(37) 作者(admin)

一.使用css缩写

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。在HT...

HTML/CSS技术

HTML结构化:实践DIV+CSS网页布局入门指南

阅读(24) 作者(admin)

你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构...