Web学习笔记13：CSS代码块1

「已注销」

已于 2022-06-02 14:47:46 修改

阅读量528

点赞数 1

分类专栏： Web学习笔记文章标签：前端 html css

于 2022-05-08 11:55:58 首次发布

本文链接：https://blog.csdn.net/wanghs0716/article/details/124633863

版权

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

最低0.47元/天解锁文章

「已注销」

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Web学习笔记13：CSS代码块1

今天讲的——CSS代码块，听起来很难的鸭子？但是，这个东西不仅不难，而且还是在css当中最简单的！怎么写用花括号包裹起来的代码叫做代码区;css代码就是由代码区构成.这就是一个标准的定义。当然，肯定是不好懂的，所以，看一下实例：我们...
复制链接

扫一扫

专栏目录