HTML5 02_CSS基础

春田花花幼儿园长

已于 2022-07-21 20:06:19 修改

阅读量215

点赞数

分类专栏： HTML JavaScript CSS 文章标签： css3

于 2022-07-07 18:58:01 首次发布

本文链接：https://blog.csdn.net/iamts/article/details/125665121

版权

本文介绍了CSS的基础知识，包括样式规则的构成、CSS的引入方式（行内样式、内部样式、外部样式）及其优先级。重点讲解了CSS的字体属性，如`font-size`、`font-family`、`font-weight`、`font-style`，以及文本属性，如`color`、`text-align`、`text-decoration`、`text-transform`、`text-indent`、`text-shadow`，并给出了相关使用建议和技巧。

摘要由CSDN通过智能技术生成

一.CSS

1.CSS样式规则

css规则只要由两个部分构成：选择器和一条或多条声明

h1(选择器){
 color(属性):blue(值);
 font-size(属性):12px(值); 
}

2.CSS引入方式

2.1.行内样式表

直接在标签的属性中使用style声明，在style属性中添加css声明即可

<h2 style="color: red;">负责颜色展示</h2>

当样式仅需要在一个元素上应用一次时建议使用此方法

2.2.内部样式表

定义在head或body标签中,使用style标签

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">   
<title>CSS</title>
   <style>
     h1{
       color: aqua;
     }
   </style>
</head>

当单个文档需要特殊的样式时，就应该使用内部样式表