html的滚动条样式,css滚动条样式

css滚动条样式[编辑]

概述

css(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。css滚动条样式是指网页右边的滚动条幅的形状颜色。

一.css简介

层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

二.发展历史

(1)CSS1        作为一项W3C推荐,CSS1发布于 1996年12月17 日。1999 年1月11日,此推荐被重新修订。(2)CSS2        作为一项 W3C 推荐,CSS2发布于 1999年1月11日。CSS2添加了对媒介(打印机和听觉设备)和可下载字         体的支持。(3)CSS3        CSS3 计划将 CSS 划分为更小的模块。

三.使用方法

有三种方法可以在站点网页上使用样式表:

外联式Linking(也叫外部样式):将网页链接到外部样式表。

嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。

内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

其中,优先级:内联式 > 嵌入式 > 外联式

(1)外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

(2)内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过

(3)内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

四.创建和编辑

创建和编辑css更加常用的是AdobeDreamweaver系列软件,可视化编辑更利于web工程师快速的创建和编辑css,新版本CS5.0、CS5.5、CS6.0、CC,包含Adobe BrowserLab,用于针对多种浏览器测试css的兼容性。Adobe Dreamweaver是一个css创建和编辑必不可少的利器!

FrontPage2000 包含有能用来为站点创建外部样式表的模板。可以用空白模板或已包含样式的模板来创建(例如 Arcs)。当保存样式表时, FrontPage 会以 . css 作为文件扩展名。要编辑样式表,请双击文件夹列表中的样式表。

当创建或修改网页样式时,可使用位于 “格式” 菜单的 “样式” 命令,FrontPage 会自动创建嵌入的样式表(如果原先不存在),并在嵌入的样式表内将此样式保存为类选择器。

可以使用 “样式” 对话框来创建新类选择器,修改或删除现有类选择器,或将 CSS 格式设置属性应用到标准HTML标记符上例如

。当单击 “确定” 关闭对话框时,FrontPage 会将格式设置特征写回到使用正确语法的外部或嵌入的样式表中。或者,可以用正确 CSS 语法键入样式信息。要键入嵌入的样式表的样式信息,请单击网页视图模式下的 “HTML” 选项卡。

如果对应用到站点的主题选择 “应用 CSS ” 复选框,FrontPage 将在站点的根目录下创建名为 Theme 1 .css 的文件,其中 Theme 是主题的名称。如果修改主题,FrontPage 自动将更改写回主题 CSS 里。也可以通过直接编辑主题 CSS 来修改主题。

五css滚动条样式的设置

(1)overflow-y : 设置当对象的内容超过其指定高度时如何管理内容;

overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。

visible:扩大面积以显示所有内容

auto:仅当内容超出限定值时添加滚动条

hidden:总是隐藏滚动条

scroll:总是显示滚动条

(2)height : 设置滚动条的高度(修改其后数值即可)。

(3)滚动条颜色参数设置:

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色

scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色

scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色

scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色

scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色

scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色

scrollbar-base-color 设置或检索滚动条基准颜色

六.删除样式

使用Frontpage编辑时,在页面视图下打开样式文件。格式/样式命令,从打开的“样式”对话框中选择要删除的样式,单击“删除”。

专业人士可能会用代码写CSS样式,例如给一个div块内的内容连接样式可以使用下面的语句:

,而当你要删除样式时,把尖括号里面的"class='classname' "语句去掉即可

参考资料: 百度百科

扩展阅读:

相关词条:

合作编辑:

分享到:

更多

网络营销词典内容均由网友提供,仅供参考。如发现词条内容有问题,请发邮件至info # wm23.com。

你可能感兴趣的:(html的滚动条样式)