CSS基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/davidliuzkw/article/details/60776702

本文介绍了CSS的基本语法和使用方法，包括如何定义选择符及其属性值，展示了三种不同的CSS编写方式，并解释了它们各自的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>css learn</title>
<style>
<>

</style>
</head>
<body>
<div>
</div>
</body>
</html>

CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的：

选择符{属性：属性值}

div{width：200; filterblur (add = true, direction=135, strengh=20 );
}

<p style="font-size：48;font-style：bold;
color:red;">hongen </p>

什么是选择符？：DIV是选择符，选择符可以是HTML中任何的标识符，比如P、DIV、IMG甚至BODY都可以作为选择符。

这里用DIV做选择符，就是说在HTML中，编辑在<DIV>中的页面格式将以上面语句中大括号内定义的格式显示。
　　括号内的WIDTH和FILTER就是属性。
　　WIDTH定义了DIV区域内的页面的宽度，200是属性值。
　　FILTER定义了滤镜属性，BLUR是它的属性值，该属性值产生的是一种模糊效果，其小括号内定义的是BLUR属性值的一些参数。
　　ADD参数有两个值：True和False。分别指定图片是否被设置成模糊效果。
　　Direction参数是用来设置模糊的方向。0度代表垂直向上，然后每45度一个单位，例子中的135代表底部向右135度，每一个度数单位都代表一个模糊方向，如果您感兴趣的话，可以参照后面的讲解中详细的参数设定。
　　Strengh代表有多少像素的宽度将受到模糊影响，参数值是用整数来设置的

CSS语句的编辑位置：

1.一种是把CSS文档放到<head>文档中： ；

2.一种方法是把CSS样式表写在HTML的行内：<p style="font-size：48;font-style：bold;color:red;">hongen </p>；

3.把编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的：<head> <linkrel=stylesheet href=“style.css”> …… </head> 这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要改动。后面的“href=‘style.css’”指的是需要连接的文件地址。只需把编辑好的“.CSS”文件的详细路径名写进去就可以。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。

HTML&CSS