您的位置:首页> 实例代码> CSS实例

CSS 级联样式表名称解析

2019-9-1 22:17| 作者: admin| 查看: 425| 评论: 0|来自: 蚂蚁部落

CSS当前是前端人员必备的技能,这个自然不用多说。

本文所要介绍的知识也非常浅显,就是分享一下CSS的全称的由来。

CSS的英文全拼是Cascading Style Sheets,通常被翻译为层叠样式表或者级联样式表。

层叠和级联说的其实就是样式可以实现继承,比如给body设置字体大小是12px,那么它的子元素可以继承。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style>
body{
  font-size:12px;
}
</style>
</head>
<body>
  <div>蚂蚁部落</div>
</body>
</html>

上述代码给body设置字体大小为12px。

div并没有明确设置字体大小,但是它会继承body的字体大小。

这就是所谓的级联或者层叠的来历,也就是说具有继承性,样式可以一层层的层叠继承累加。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部