互联网常识:css是什么意思?
我会向你解释css代表什么。相信朋友们也应该密切关注这个话题。现在让我们来谈谈css代表我的朋友。边肖也收集了css代表什么的相关信息。我希望你看到后会喜欢。
Css代表层叠样式表,英文全称是“层叠样式表”,是一种用来表达HTML或XML文件样式的计算机语言。Css不仅可以静态修饰网页,还可以用各种脚本语言动态格式化网页的每个元素。
本文操作环境:windows7系统,css3版本,戴尔G3电脑。
层叠样式表(英文全称:层叠样式表)是一种用于表达文件样式的计算机语言,如HTML(标准通用标记语言的应用)或XML(标准通用标记语言的子集)。CSS不仅可以静态修饰网页,还可以用各种脚本语言动态格式化网页的每个元素。
CSS可以在像素级精确控制网页中元素的布局,支持几乎所有的字体大小,具备编辑网页对象和模型样式的能力。
语言特点
CSS为HTML标记语言提供了样式描述,并定义了其元素的显示模式。CSS是网页设计领域的一个突破。它可以用来修改一个小样式和更新所有相关的页面元素。
一般来说,CSS具有以下特点:
丰富的风格定义
CSS提供丰富的文档样式外观以及设置文本和背景属性的能力;允许为任意元素创建边框,元素边框与其他元素之间的距离,元素边框与元素内容之间的距离;允许随意改变文字的大小写、装饰等页面效果。
易于使用和修改
CSS可以在HTML元素的样式属性中定义样式,在HTML文档的头部定义样式,或者在一个特殊的CSS文件中声明样式,供HTML页面参考。简而言之,CSS样式表可以以统一的方式存储所有的样式声明,并以统一的方式管理它们。
此外,相同样式的元素可以用相同的样式进行分类和定义,某个样式可以应用于所有同名的HTML标签,或者某个CSS样式可以分配给某个页面元素。如果要修改样式,只需要在样式列表中找到对应的样式声明进行修改即可。
多页应用程序
CSS样式表可以单独存储在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。理论上,CSS样式表不属于任何页面文件,可以在任何页面文件中引用。这样可以统一多个页面的风格。
重叠
简单地说,层叠意味着为一个元素设置相同的样式几次,这将使用最后设置的属性值。例如,如果您对网站中的多个页面使用同一组CSS样式表,并且某些页面中的某些元素想要使用其他样式,则可以为这些样式单独定义样式表,并将其应用于页面。这些后来定义的样式将覆盖以前的样式设置,您将在浏览器中看到上一个设置的样式效果。
页面压缩
在使用HTML定义页面效果的网站中,经常需要大量或重复的表格和字体元素来形成各种文本样式,这将导致大量的HTML标签,从而增加页面文件的大小。将样式声明单独放在CSS样式表中可以大大减小页面的大小,这样加载页面所用的时间就会大大减少。此外,CSS样式表的重用大大减小了页面的大小,减少了下载时间。
[推荐学习:css视频教程]
语言学基础
属性和属性值。
属性
属性的名称是合法的标识符,它们是CSS语法中的关键字。属性指定格式的一个方面。例如,颜色是文本的颜色属性,而文本缩进指定段落缩进。
掌握一个属性的用法,有六个方面要知道。详情如下:
该属性的合法属性值。显然,段落缩进属性text-indent只能被赋予一个表示长度的值,而表示背景图案的background.image属性应该取一个表示图片位置链接的值,或者关键字none表示没有使用背景图案。
该属性的默认值(初始值)。当该属性未在样式表单中指定并且无法从其父元素继承时,浏览器将假定该属性采用其默认值。
该属性适用的元素(适用于)。有些属性仅适用于某些单独的元素,例如,空白属性仅适用于块级元素。空白属性可以取三个值:正常、预定义和无定义。当选择正常时,浏览器将忽略连续的空白字符,只显示一个空白字符。采用pre时,会保留连续的空白字符。使用nowrap时,连续的空白字符会被忽略,不会自动换行。
该属性的值是否被下一级继承。
如果属性可以取百分比,如何解释百分比?也就是相对于百分比的标准是多少。例如,margin属性可以采用百分比值,即容器相对于存储margin的元素的宽度。
度。⑥该属性所属的媒介类型组(mediagroups)。
属性值
①整数和实数
这和普通意义上的整数和实数没有多大区别。在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。
②长度量
一个长度量由整数或实数加上相应的长度单位组成。长度量常用来对元素定位。而定位分为绝对定位和相对定位,因而长度单位也分为相对长度单位和绝对长度单位。
相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定。
另一一点值得注意的是,子级元素不继承父级元素的相对长度值,只继承它们的实际计算值。
③百分数量(percentages)
百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。[10]
选择器
类型选择器
CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上应用声明。例如,以下简单规则的选择器是H1,因此规则作用于文档中所有的H1元素:
简单属性选择器
CLASS属性
CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲,可以使用CLASS属性来分类元素,在样式表中创建规则来引用CLASS属性的值,然后浏览器自动将这些属性应用到该组元素。
类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语,标志符表示“带有类名的元素”。
ID属性
ID属性的操作类似于CLASS属性,但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。
需要注意的是,ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。
STYLE属性
尽管在选择器中可以使用CLASS和ID属性值,STYLE属性实际上可以替代整个选择器机制。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值),STYLE属性的值实际上是一个或多个CSS声明。
通常情况下,使用CSS,设计者将把所有的样式规则置于一个样式表中,该样式表位于文档顶部的STYLE元素内(或在外部进行链接)。但是,使用STYLE属性能够绕过样式表将声明直接放置到文档的开始标记中。
组合选择器类型
可以将类型选择器、ID选择器和类选择器组合成不同的选择器类型来构成更复杂的选择器。通过组合选择器,可以更加精确地处理希望赋予某种表示的元素。例如,要组合类型选择器和类选择器,一个元素必须满足两个要求:它必须是正确的类型和正确的类以便使样式规则可以作用于它。
外部信息:伪类和伪元素
在CSS1中,样式通常是基于在HTML源代码中出现的标记和属性。对于很多设计情景而言这种做法完全可行,但是它无法实现设计者希望获得的一些常见的设计效果。
设计伪类和伪元素可以实现其中的一些效果。这两种机制扩充了CSS的表现能力。在CSS1中,使用伪类可以根据一些情况改变文档中链接的样式,如根据链接是否被访问,何时被访问以及用户和文档的交互方式来应用改变。借助于伪元素,可以更改元素的第一个字母和第一行的样式,或者添加源文档中没有出现过的元素。
伪类和伪元素都不存在于HTML;也就是说,它们在HTML代码中是不可见的。这两种机制都得到了精心设计以便能够在CSS以后的版本中做进一步地扩充;也就是说实现更多的效果。
以上就是css代表什么意思的详细内容,更多请关注php中文网其它相关文章!
来源:php中文网
免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!
-
最近收到一位患者的留言,说自己这几天总感觉肛门有下坠胀感,特别难受,上网一查,好多信息都指向癌症,这可...浏览全文>>
-
腹痛、腹泻总反复!可能是小肠、大肠在抗议。基于症状特征区分小肠疾病与大肠疾病的具体差异分析:一、核心症状...浏览全文>>
-
近日,中国中医药信息学会肛肠分会·肿瘤分会·治未病分会·河北名医学会肛肠分会·盆底与便秘分会·河北省中...浏览全文>>
-
安徽蚌埠的长安启源E07作为一款备受关注的新能源车型,其价格和配置一直是消费者热议的话题。如果你正考虑入手...浏览全文>>
-
近年来,随着新能源汽车市场的快速发展,插电式混合动力车型逐渐成为消费者关注的焦点。生活家PHEV作为一款备...浏览全文>>
-
在2025款生活家PHEV车型正式上市之前,提前了解相关费用明细对于购车者来说至关重要。这款插电式混合动力车型...浏览全文>>
-
大众途昂作为一款中大型SUV,凭借其宽敞的空间和强劲的动力配置,在市场上一直拥有不错的口碑。对于计划购买20...浏览全文>>
-
阜阳地区的长安启源Q05 2025款车型凭借其时尚的外观设计和丰富的配置,吸引了众多消费者的关注。这款车型作为...浏览全文>>
-
阜阳揽巡作为一款备受关注的中型SUV,凭借其豪华的配置和超值的价格吸引了众多消费者的目光。这款车不仅在外观...浏览全文>>
-
淮南长安启源A07自上市以来便凭借其卓越的性能和亲民的价格赢得了众多消费者的青睐。作为2025款的新车型,它在...浏览全文>>