仓酷云

标题: html5教程之iframe使用技能:保存垂直转动条往失落程度转动条 [打印本页]

作者: 若天明    时间: 2015-1-15 23:09
标题: html5教程之iframe使用技能:保存垂直转动条往失落程度转动条
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。破洛洛文章简介:往失落iframe的程度转动条而保存垂直转动条.
1.overflow内容溢出时的设置(设定被设定工具是不是显现转动条)
overflow-x程度偏向内容溢出时的设置
overflow-y垂直偏向内容溢出时的设置
以上三个属性设置的值为visible(默许值)、scroll、hidden、auto。

2.scrollbar-3d-light-color平面转动条亮边的色彩(设置转动条的色彩)
scrollbar-arrow-color高低按钮上三角箭头的色彩
scrollbar-base-color转动条的基础色彩
scrollbar-dark-shadow-color平面转动条强暗影的色彩
scrollbar-face-color平面转动条凸出部分的色彩
scrollbar-highlight-color转动条空缺部分的色彩
scrollbar-shadow-color平面转动条暗影的色彩

经由过程几个实例来说解上述的款式属性:
1.让扫瞄器窗口永久都不呈现转动条
没有程度转动条
<bodystyle="overflow-x:hidden">
没有垂直转动条
<bodystyle="overflow-y:hidden">
没有转动条
<bodystyle="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">

2.设定多行文本框的转动条

没有程度转动条
<textareastyle="overflow-x:hidden"></textarea>

没有垂直转动条
<textareastyle="overflow-y:hidden"></textarea>

没有转动条
<textareastyle="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textareastyle="overflow:hidden"></textarea>

3.设定窗口转动条的色彩
设置窗口转动条的色彩为白色<bodystyle="scrollbar-base-color:red">
scrollbar-base-color设定的是基础色,一样平常情形下只必要设置这一个属性就能够到达改动转动条色彩的目标。
加上一点出格的效果:
<bodystyle="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在款式表文件中界说好一个类,挪用款式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
如许挪用:
<textareaclass="coolscrollbar"></textarea>
</p>
HTML5开发的网页文档类型极其简单,就够了,记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.
作者: 爱飞    时间: 2015-1-17 20:08
可以使用CSS检查工具进行设计。
作者: 小女巫    时间: 2015-1-25 06:04
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者: 兰色精灵    时间: 2015-2-2 17:51
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
作者: 再现理想    时间: 2015-2-8 04:24
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
作者: 仓酷云    时间: 2015-2-24 16:14
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者: 飘灵儿    时间: 2015-3-7 13:05
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 蒙在股里    时间: 2015-3-15 07:31
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者: 柔情似水    时间: 2015-3-22 00:05
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2