CSS层叠样式表简介

CSS层叠样式表简介

什么是 CSS?
    CSS 指的是层叠样式表* (Cascading Style Sheets)
    CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
    CSS 节省了大量工作。它可以同时控制多张网页的布局
    外部样式表存储在 CSS 文件中
*:也称级联样式表。

为何使用 CSS?
CSS 用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。
CSS 节省了大量工作!
样式定义通常保存在外部 .css 文件中。
通过使用外部样式表文件,您只需更改一个文件即可更改整个网站的外观!

为什么要使用CSS?
CSS帮助你从如何展示一个文档的琐事中分离出文档的信息内容。那些如何展示文档的琐事被称为文档的样式。
css将网页的大部分甚至是全部的表示信息从(X)HTML文件中移出,并将它们保留在一个样式表中。将样式从内容中分离出来有以下好处:
    降低文件大小、节省网络带宽
    避免重复
    使得维护更容易。
    站点的表现信息和核心内容相分离,使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。
    可以使用相同的内容加以不同的样式来实现不同的目的

CSS简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。只要修改保存着网站格式的CSs样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量。

你的网站可能有成千上万相似的页面。使用CSS,你可以将样式信息存储在通用的文件中供所有的页面共享。当用户打开了一个网页,用户的浏览器会单独加载关于页面内容的样式。当用户打印了一个网页,你应该提供不同的样式来保证打印出来的页面是易读的。

通常,你会使用HTML来描述页面内容而不是样式,使用CSS来指定页面的样式而不是内容。当然,也有例外,HTML也可以提供一些方法来指定样式。例如,在HTML中你可以使用<b>标签来加粗文本,也可以在<body>标签中指定页面的背景颜色。当你使用CSS的时候,通常会避免使用HTML的样式功能,这样所有的样式信息就都会被保存在一个地方。


CSS 演示 - 一张 HTML 页面 - 多个样式!

无样式:

图片.png

其中一种样式:

图片.png

其他样式:

图片.png

1、本站资源长期持续更新。
2、本资源基本为原创,部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
3、本站大部分文章的截图来源实验测试环境,请不要在生产环境中随意模仿,以免带来灾难性后果。

转载请保留出处:  www.zh-cjh.com珠海陈坚浩博客 » CSS层叠样式表简介

作者: cjh


手机扫一扫,手机上查看此文章:

一切源于价值!

其他 模板文件不存在: ./template/plugins/comment/pc/index.htm

未雨绸缪、居安思危!

数据安全、有备无患!

注意操作、数据无价!

一切源于价值!