html常用的三种选择器的基础使用

最新推荐文章于 2023-07-21 17:33:34 发布

小宇爱吃辣条

最新推荐文章于 2023-07-21 17:33:34 发布

阅读量592

点赞数

分类专栏： css html 选择器文章标签： html css linq

本文链接：https://blog.csdn.net/hy250_/article/details/123248615

版权

html 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

css

5 篇文章 0 订阅

订阅专栏

选择器

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>内嵌式css标签</title>
       <link rel="stylesheet" href="css/01.css">
       
       <style type="text/css">

           /* 头部内写可以写多种标签，在正文中就可以直接套用不用再写了 */
           div{
               background-color: aqua;
               /* background-color修改的是背景颜色 */
               text-align: center;
           }
           /* 这种标签的意思是修饰body中所有的div的内容 */
           h1{
               color: blue;
           }
           /* 这种标签是让所有的h1字体都变成蓝色 */
           .am{
               color: red;
               /* color修改的是字体颜色 */
               text-align: center;
               font-size: 50px;
               /* font-size用来修改字体大小，“在css里单位一定要写px还是em还是啥的” */
           }
           /* 这种标签是谁用谁套的，谁需要的时候就可以用class="am"将其带入使用 */
       </style>
   </head>
   <body>

<div style="background-color: aqua;text-align: center;"><h1>我是大傻子</h1></div>
       
       <h1 style="background-color: aqua; text-align: center;">我是大傻子</h1>
       
       
       <p class="am">冲冲冲</p>
       
       <h2 id="#am">奥里给</h2>
       
       <h1 id="#am">dd达娃大</h1>
       
       </body>
</html>