css的基本语法及其用法

我拿青春赌未来~

于 2022-05-02 17:12:45 发布

阅读量1k

点赞数 1

文章标签： css css3 前端

本文链接：https://blog.csdn.net/helongzhi/article/details/124543208

版权

一.css的基本语法

1.基本语法

css的定义是由两个部分构成

选择器 +声明块

选择器：通过选择器来选定页面的指定元素

声明块：在选择器后面，用{}括起来，给指定元素设置样式（样式名：样式值；）

基本格式：选择器：{样式名：样式值；}

二.css的基本用法

添加css样式方法：

第一种：内联样式/行内样式

直接在html文本中添加

 <h1 style="background-color: red; color: blue;">今天天气不错</h1>

直接把背景改为红色，字体颜色改为蓝色

第二种：内部样式

将css样式写在头部中的style标签里，通过选择器来选定元素，然后为元素设置样式

 <style>
       h1{background-color: yellow;}
   </style>
    
</head>
<body>
   <h1>古诗一首</h>
 
</body>

第三种：外部样式

在html文件外部，设置.css文件，通过link标签引入到html文件中

样式写在.css文件中

h1{color:red}

 <link rel="stylesheet" href="./test.css">
    
</head>
<body>
   <h1>古诗一首</h>
 
</body>

关注