• 技术文章 >web前端 >前端问答

    css英文是什么意思

    藏色散人藏色散人2021-09-13 11:44:39原创511

    css英文全称是Cascading Style Sheets,表示层叠样式表的意思,也称为串样式列表、级联样式表、串接样式表、阶层式样式表,是一种用来为结构化文档添加样式的计算机语言,由W3C定义和维护。

    本文操作环境:windows7系统、CSS3版、Dell G3电脑。

    css英文是什么意思?

    层叠样式表(英语:Cascading Style Sheets,缩写:CSS;又称串样式列表、级联样式表、串接样式表、阶层式样式表)是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。

    CSS 被分为不同等级:CSS1 现已废弃, CSS2.1 是推荐标准, CSS3 分成多个小模块且正在标准化中。[来源请求]CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。

    概述

    CSS不能单独使用,必须与HTML或XML一起协同工作,为HTML或XML起装饰作用。本文主要介绍用于装饰HTML网页的CSS技术。其中HTML负责确定网页中有哪些内容,CSS确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素。CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式。CSS可以零散地直接添加在要应用样式的网页元素上,也可以集中化内置于网页、链接式引入网页以及导入式引入网页。

    CSS最重要的目标是将文件的内容与它的显示分隔开来。在CSS出现前,几乎所有的HTML文件内都包含文件显示的信息,比如字体的颜色、背景应该是怎样的、如何排列、边缘、连线等等都必须一一在HTML文件内列出,有时重复列出。CSS使作者可以将这些信息中的大部分隔离出来,简化HTML文件,这些信息被放在一个辅助的,用CSS语言写的文件中。HTML文件中只包含结构和内容的信息,CSS文件中只包含样式的信息。

    比如HTML中H2标志这一个二级标题,它在级别上比一级标题H1低,比三级标题H3高。这些信息都是结构上的信息。

    一般来说级别越高的标题其字体也越大,H1的字体最大,因为一般来说字体越大它表示的内容就越重要,此外一般标题都使用粗体字,来突出它们的重要性。一般来说H2使用粗体字,其字体比H3大,比H1小。这些信息是显示用的信息。

    在CSS出现前,假如作者要确定H2标题的颜色、字形、大小或其他显示特征的话,他要使用HTML中的font或其他样式指令,光H2不够,因为H2只是一个结构指令。假如一个标题要用斜体字、红色的字符、白色的底色的话,作者要这样写:

    <H2><font color="red" bgcolor="white"><i>使用CSS</i></font></H2>

    这些显示用的指令使得一个HTML变得非常复杂,要维护也比较困难。假如所有的二级标题都要这样来显示的话,所有的二级标题的指令都要这么复杂。此外读者无法改变这些规定,假如一个读者更喜欢蓝色的标题的话,他无法改变标题的颜色,因为文件的作者特别规定了标题的颜色。

    使用CSS的话H2指令只规定文章的结构,其显示由样式表来规定,上面的例子可以变成这样:

    <H2>使用CSS</H2>

    服从的样式表可以规定H2指令使用斜体字,红色字和白色背景:

    H2 { color: red; background: white; font-style: italic; }

    这样显示与内容就分开了(由于CSS的优点,W3C现在正在考虑将HTML中的许多显示用的指令废弃掉)。HTML只表达文章的结构,CSS表达所有的显示。CSS可以指示颜色、字形、排列、大小以及其他许多非视觉的表达方式,比如将一篇文件的内容读出来。

    CSS样式信息可以包含在一个附件中或包含在HTML文件内。读者可以使用多个样式表,在重复的情况下他可以选择其中之一。不同的介质可以使用不同的样式表。比如一个文件在荧光屏上的显示可以与在打印机中打印出来的显示不同。这样作者可以为不同的媒体设计最佳的显示方式。此外CSS的目标之一是让读者有更大的控制显示的自由。假如一个读者觉得斜体字的标题读起来很困难,他可以使用自己的样式表文件,这个样式表可以“层叠”使用,他可以只改变红色斜体字这个样式而保留所有其他的样式。

    推荐学习:《css视频教程

    以上就是css英文是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css英文
    上一篇:css img失真怎么办 下一篇:html和body标签的区别有哪些
    线上培训班

    相关文章推荐

    • 一招教你使用css3制作按钮添加动态效果(代码分享)• css怎么给文字加背景• css如何设置标题阴影边框• 让网站更酷炫的CSS filter使用小技巧,值得收藏!• 怎么用css做两头变尖的直线

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网