目录
sorry
非常抱歉,也不知道是之前的脑汁短路了,之前写了三个“Web百课斩10”,服了自己了。
另外,我们又回来更新了。
回归正题~
今天讲的——CSS代码块,听起来很难的鸭子?
但是,这个东西不仅不难,而且还是在css当中最简单的!
怎么写
用花括号包裹起来的代码叫做代码区;
css代码就是由代码区构成.
这就是一个标准的定义。当然,肯定是不好懂的,所以,看一下实例:
我们以一个<div>为例。看一下下面这个程序:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>css代码块</title>
<style type="text/css">
div{
background-color: red;
font-size: 100px;
}
</style>
</head>
<body>
<div>123</div>
</body>
</html>
接着,我们将<style>部分提取出来,也就是把我们的css代码提取出来:
div{
background-color: red;
font-size: 100px;
}
我们可以看到,这个div的css部分使用一个花括号包围起来的。并且,每条语句结束后都要加一个分号(英文状态下的)。
另外,我们将"backgrond-color"、"font-size"这类的叫做属性名,即冒号前头的部分。类似"red"、"100px"这些东西我们叫做属性值,即冒号后面的部分(不包含分号)。
一些常见的属性名
刚刚说到的属性名,大家都不陌生了。接下来,就来介绍几个属性名吧!
font-size |