关闭
> css教程 > css >

css层叠样式表是什么及其作用?

来源:网络 文章列表 2019-04-20 8
本文介绍了什么是css,css层叠样式表的作用。

什么是CSS?

CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

用比较官方的语言说css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS作用:

CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制,让网页按您的美工设计布局的更加美观漂亮。

简而言之,言而总之,你把css这项技术理解为画笔即可。可以根据PS设计稿,按设计稿的尺寸、颜色、字体大小,布局,根据css提供的一系列属性+html 的DOM元素,2者结合起来能画出和ps原型类似的页面来。

css控制页面元素的颜色、大小,字体,位置,html提供基础的页面结构。

css代码示例

body {
    margin-top: 75px;
    color: #444;
    background-color: #eee;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    outline: 0
}

a {
    color: #444;
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #FF6600
}

img {
    border: 0
}


div,
h1,
h2,
p,
span,
textarea,
ul {
    margin: 0;
    padding: 0;
    outline: 0
}

 

Web标准CSS布局

采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势:

1:表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

2:提高页面浏览速度

对于同一个页面视觉效果,采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。

3:易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

真正的表现与内容完全分离,代码可读性强,样式可重复应用。


CSS编辑工具

CSS文件与HTML文件一样,都是文本文件,因此一般的文字处理软件如记事本、sublime、EditPlus等都可以进行编辑。

阿里云618优惠卷大放送

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论