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块内的内容连接样式可以使用下面的语句：