CSS(Cascading Style sheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,尤其是在设计者面对有数百个网页的站点时,大大减少了重复劳动的工作量。

W3C(The World Wide Web Consortium)把动态HTML(Dynamic HTML)分为三个部分来实现:脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。

层叠样式表的特点

过去的网页缺少动感,在网页内容的排版布局上也有很多困难,如果不是专业人员或特别有耐心的人,很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试,才能驾驭好这些信息的排版,过程十分漫长和痛苦。为了Internet的发展,让更多人早日踏足这个多姿多彩的世界,新的HTML辅助工具呼之欲出。

样式表就是在这种需求下诞生的,它首先要做的是为网页上的元素精确地定位,可以让网页设计者象导演一样,轻易地控制由文字、图片组成的演员们,在网页这个舞台上按剧本要求好好地表演。

其次,它把网页上的内容结构和格式控制相分离。浏览者想要看的是网页上的内容结构,而为了让浏览者更好地看到这些信息,就要通过格式控制来帮忙了。以前两者在网页上的分布是交错结合的,查看修改很不方便,而现在把两者分开就会大大方便网页的设计者。内容结构和格式控制相分离,使得网页可以光由内容构成,而将所有网页的格式控制指向某个CSS样式表文件。这样一来的好处表现在两个方面:第一,简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。第二,只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。避免了一个一个网页的修改,大大减少了重复劳动的工作量,当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!

由上可见,使用CSS必须具备HTML的基本知识,至少能够编写或能够读懂基本的HTML语言。这也是学习下面课程的必备基础。

css样式表诞生,[css]简明教程 CSS样式表概述相关推荐

  1. mysql教程详解之多表联合查询,MYSQL教程mysql多表联合查询返回一张表的内容实现代码...

    搜索热词 <MysqL教程MysqL多表联合查询返回一张表的内容实现代码>要点: 本文介绍了MysqL教程MysqL多表联合查询返回一张表的内容实现代码,希望对您有用.如果有疑问,可以联系 ...

  2. 【js/css】pushState和popState简明教程

    pushState和replaceState h5中提供了只修改地址栏.不修改页面内容的api: pushState(添加浏览历史), replaceState(修改当前浏览历史), popState ...

  3. oracle簇和簇表的创建,Oracle教程之管理表(七)--Oracle分区表及簇表的建立

    1.分区表:(>2G)对大表进行优化   (Range Partitioning,List PartitioningHash Partitioning,Composite Partitionin ...

  4. C++操作SQLite简明教程

    这篇文章主要介绍了C++操作SQLite简明教程,包含创建表.插入数据.查询数据等常用操作,需要的朋友可以参考下 SQLite是一款轻型的本地文件数据库,是遵守ACID的关联式数据库管理系统.它的设计 ...

  5. css规则由两部分构成,CSS-层叠样式表基础教程

    CSS-层叠样式表基础教程 层叠样式表(Cascading Style Sheets,简写CSS),网页可以使用CSS来决定文件的颜色.字体.排版等显示特性.CSS最主要的目的是将文件的结构和内容(用 ...

  6. 把css样式表与html网页关联的方法,Dreamweaver 教程-CSS样式表的3种关联方法

    下面我们来讲讲如何为一个网页添加CSS样式. 内部样式表 内部样式表需要在网页的 部分定义,格式如下: 行内样式表(内嵌样式表) 它的使用方法我们在前两节也已经使用过了.行内样式表直接在标签内部定义, ...

  7. php html5 css样式,怎么在html页面写css样式表

    本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...

  8. 【从零入门 Web 前端】HTML5 + CSS 简明教程

    HTML + CSS 就是当代网页的基石.全世界的网站,无论其服务器端的语言是什么,前端都使用了 HTML + CSS. 随着互联网行业的快速发展,前端这一职位也越来越火热,前端工程师的高薪资,也让越 ...

  9. css网站样式表是什么,什么是css样式表

    css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内 ...

最新文章

  1. c++ string类 用法简介
  2. 'module' object is not callable
  3. springCloud - 第10篇 - 服务间调用追踪 (zipkin 的使用)
  4. OpenShift 4 之脚本化部署Istio的HelloWorld和BookInfo示例
  5. java 线程加载类_怎么判断java当前线程是否加载了一个类的字节码
  6. 有了HTML5,Flash还能走多远
  7. 苹果手机设置导入喜欢的音乐作为铃声
  8. 数据中心弱电设计及审图的注意事项
  9. Chrome插件扩展程序的默认安装目录
  10. Spring包含JAR的详解
  11. 学习安装unik环境——过程一
  12. Linux常用bash命令
  13. matlab语音识别系统(源代码),matlab语音识别系统(源代码)最新版DOC.doc
  14. Aquaforest OCR SDK 支持超过100种语言
  15. Ubuntu 22.04 Qt5.12.9编译出现“cannot find -lGL”解决
  16. 查看和修改vmdk的软件DiskGenius Windows下读写Linux之EXT3文件系统Ext2Fsd
  17. [MM32生态]如何使用不带SLCD控制器的MCU IO直接驱动段码屏
  18. mulesoft MCD 易错题汇总解析
  19. html5初中生能学会吗,初中生迎来坏消息,或不能再随便上私立高中,学生家长喜忧参半...
  20. 光敏电阻遇上日夜切换

热门文章

  1. Druid基本概念及架构介绍
  2. JavaScript 推断浏览器类型及32位64位
  3. Lingo的基础语法(一)
  4. 爬虫--可视化项目(一)
  5. 团队管理:新业务团队如何结合绩效来度量开发目标
  6. 使用Python+selenium实例化Microsoft Edge或Chrome浏览器对象和常见的报错
  7. 金朝阳——软件测试试题11道题目分析答案
  8. mac 命令行查看DNS
  9. 玉柴spn码故障对照表_BOSCH共轨系统EDC7_V47故障码列表_发布(含SPN和FMI).pdf
  10. 套用带标题行的表格样式_excel表格样式采用内置样式 使用Excel 2010内置的单元格样式制作精美的表格效果...