首页 >> 秀友百科词条 >> 技术开发测试 >> CSS样式表教程

CSS样式表教程[编辑]


概述
CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,能够真正做到网页样式与内容分离。

一、CSS样式表简介

CSS 是 Cascading style Sheets 的缩写,即层叠样式表。它是一种标记语言,直接由浏览器解释执行,用于控制网页内容在网页中如何显示,包括网页内容的布局和视觉效果。 文件的后缀名为.css ,对大小写不敏感。

二、CSS样式表的优点

当网站中有多个网页的样式相同或相似时,就可以共用个别的 CSS 文件,所以网页下载起来会更快。当想改变很多网页的显示样式时,只需要更改 CSS 文件的少许地方,这样减少工作量,样式表能实现内容与样式的分离,这样方便团队开发。

三、CSS样式表类型

内嵌样式表

写在标签里面的,并且只对本标签有效。

内部样式表

写在 <head> 与 </head> 之间,只能在本页套用这些样式。

外部样式表

写在 HTML 文件外部单独的 CSS文件里,文件必须以.css 为后缀名的,这时众多网页就可以引用此CSS文件。

四、设置CSS样式表的属性

类型面板

在指定的页面,打开CSS样式面板,在名称文本框中输入。打开定义样式对话框选择类型,然后设置字体、大小、粗细、行高、颜色,选取页面中的文字,在属性面板中选择样式下拉列表中的名称选项。

背景面板

打开需设置背景的页面文档,在名称文本框中输入。分类列表中选择背景,在弹出的选择图像源文件对话框中,选择要设置为背景的图像。再把完成后的样式表应用到网页文档中。

边框面板

使用CSS的规则定义窗口的边框面板可以定义元素周围的边框的设置,可以为边框的四边指定不同的颜色,不同的宽度和不同类型的边框线。

区块面板

可以精确定义整段文本中文字的间距、对齐方式和文字缩进等属性。

扩展面板

CSS的规则定义窗口的扩展面板包括分页、光标和滤镜等选项。

参考资料:
扩展阅读: 百度百科:http://baike.baidu.com/link?url=7vKuNNoNx0xWGReepWpiMR5ilyBLnxWj_5OC8SGfFXlgy5ebB8igNIs2pKNHGeQdF-HmrKcym5dPSyt7Z4YrXoCVVg_G3vQ0HB9vltWXMqO
相关词条:

dreamweaver8绿色版

 

合作编辑: 尹莉 

秀友百科词条内容均由网友提供,仅供参考。如发现词条内容有问题,请联系管理员。

词条信息

浏览次数:0

编辑次数:0历史版本

创建者: 尹莉

最近更新:2016/5/23 9:43:23

关于秀友百科| 版权声明| 联系方式| 常见问题

秀友百科是网络营销能力秀指定的教学实践平台

深圳市竞争力科技有限公司版权所有