CSS之初学入门

幻阳梦天

已于 2022-10-13 08:37:31 修改

阅读量163

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css 前端 vscode

于 2022-10-09 16:26:34 首次发布

本文链接：https://blog.youkuaiyun.com/qq_53977993/article/details/127227225

11 篇文章

订阅专栏

什么是CSS？

CSS的全称是层叠样式表，可以用来设置网页中元素的样式。网页实际上是一个多层的结构，通过css可以分别为网页的每一层来设置样式，而最终我们能看到的只有最上边的一层。

CSS的注释，作用和HTML注释类似，只不过它必须编写在style标签中，或者是css文件中。

( 快捷键为输入法英文状态下：Shift+! )

<head>
<style type="text/CSS">
 标签名/选择器 {
    属性1:属性值1;
     属性2:属性值2;
      属性3:属性值3;
		.....
}
</style>
</head>

CSS的语法：选择器/标签名{属性:属性值;}

<body>
    <div>
   <em style="color: red; background-color: pink; font-size: 36px">便罪学法当，婵而生。</em> 
    </div>
</body>

写在开始标签里面，写一个style属性，将一组一组的样式写在style属性值里面。可以写多组样式，但一定要用;隔开。

<head>
    <style>
         p {color: red;font-size: 50px;}
    </style>
</head>

写在head标签内部，先写一个子元素style标签，再通过选择器选中对应的要设置的元素/标签，在{}里设置一组样式或多组样式，同样也需要用;隔开。

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="./00.css">
</head>
<body>
    <h1>沁园春·雪</h1>
</body>
</html>

图示：.CSS

在html文件的外部新建一个.css文件，在css文件里写样式，然后通过在head标签内部写子标签link标签，将html文件和css文件联系在一起。(link标签里有href属性，在href里写下引入css文件的路径。)