仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 877|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS教程:CSS把持扫瞄器转动条的源代码

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:37:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
网页制造poluoluo文章简介:CSS教程:CSS把持扫瞄器转动条的款式源代码:1.overflow内容溢出时的设置
 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平面转动条暗影的色彩
  以上七个属性设置的值都是色彩值,可使用款式表界说的各类表达体例。
  利用以上的款式界说内容,我们能够指定扫瞄器窗口、多行文本框的转动条的显现与否和色彩款式,第一组款式属性用于设定被设定工具是不是显现转动条,第二组款式属性则用于设置转动条的色彩,要注重的本文触及的款式属性都是ie才干撑持的,第二组的款式属性只要ie5.5版本才干撑持,以是请人人在调试的时分注重。
  我们经由过程几个实例来说解上述的款式属性:
  1.让扫瞄器窗口永久都不呈现转动条
  没有程度转动条
  <bodystyle="overflow-x:hidden">
  没有垂直转动条
  <bodystyle="overflow-y:hidden">
  没有转动条
  <bodystyle="overflow-x:hidden;overflow-y:hidden">或<bodystyle="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.设定其他元素时,基础上一样,你最好是在款式表文件中界说好一个类,如许你就能够反复利用了。
  .coolscrollbar
  {
  scrollbar-arrow-color:yellow;
  scrollbar-base-color:lightsalmon;
  }
  将以上语句到场到款式表文件中或html头部的<style></style>傍边,然后利用
  <textareaclass="coolscrollbar"></textarea>

一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-18 06:42:09 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小妖女 该用户已被删除
板凳
发表于 2015-1-22 16:31:45 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
老尸 该用户已被删除
地板
发表于 2015-1-31 12:18:47 来自手机 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
乐观 该用户已被删除
5#
发表于 2015-2-6 19:34:41 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
金色的骷髅 该用户已被删除
6#
发表于 2015-2-18 10:54:13 | 只看该作者
可以使用 CSS 检查工具进行设计。
变相怪杰 该用户已被删除
7#
发表于 2015-3-6 05:37:07 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
若相依 该用户已被删除
8#
发表于 2015-3-12 21:32:36 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
不帅 该用户已被删除
9#
发表于 2015-3-20 04:47:41 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 21:48

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表