CSS教程3

CSS教程3

一、控制图片大小

在我们学完HTML中img标签后，会控制不了图片大小，这个时候我们就需要用CSS编写如下代码：

img{

width:百分比;

}

• class属性

当我们要对特定的字体进行染色时会发现CSS会将所有相同标签进行染色。这个时候我们就需要class属性了，class可以将标签进行分类，且对所有标签适用

结构：<标签名 class=“名字”>

要注意：名字不能以数字开头

• 类选择器

现在我们将HTML中的class属性写好了，在CSS就可以进行调用了。

结构：.类名{

属性：值;

……

}

注意：

①不写标签

②不要将类名前面的点漏掉

• div标签

div可以将内容进行分组，用于HTML。它是一个双标签，结构：

<div>

分解内容

</div>

• Bootstrap

Bootstrap的核心其实是一个CSS文件，含有大量的类选择器

行类: row

列类: col-列数

(列数之和不超过12）

例：

<div class=“row”>

<div class=”co1-4″>内容1</div>

<div class=”co1-4″>内容2</div>

<div class=”co1-1”>内容3</div>

</div>

注意：一定要先导入后使用

Bootstrap网址：

https://v4.bootcss.com/docs/getting-started/introduction/

（Bootstrap网址供大家进行学习，网址开放）

同时，将Bootstrap导入方法也给大家~

<link rel=”stylesheet”

href=”https://cdn.jsdelivr.net/npm/bootstrap

@4.6.1/dist/css/bootstrap.min.css”>

至此，CSS基础教程暂时告一段落，大家可以发现我这一次写得比较短，但都是CSS后面比较重要的内容，接下来敬请期待HTML教程~

本文由小科云团队原创出品，作者梁轶铭，未经许可禁止转载。