CSS简介

最新推荐文章于 2024-04-15 16:37:06 发布

「已注销」

最新推荐文章于 2024-04-15 16:37:06 发布

阅读量65

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/m0_61216635/article/details/120272922

版权

CSS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

css注释快捷 CTRL＋/

<!DOCTYPE html>
<html lang="en">
<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>Document</title>
    <!-- 第二种：
          写在head里,可以同时设置多个标签，方便修改
          问题：不能跨页面复用   
    -->
    <style>
     p{
         color: orange;
         font-size: 60px;
      } 
      /* 
       像素：px
       百分比：对于其父元素属性的百分比，可以使子元素跟随父元素改变
       em：相对于元素的字体大小来计算，1em=1font-size
       rem：相对于根元素字体大小来计算
       */
    </style>

     <!-- 第三种：
          创建外部css文件，通过link标签引入 
          优点：
           可以跨页面复用  
           加快网页加载速度（利用浏览器缓存机制），提高用户体验
    -->
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <p style="color:yellow; font-size: 30px;">湖人总冠军</p>
    <!-- 
        网页三个部分：
          结构（HTML）
          表现（CSS）
          行为（JavaScript）

        第一种：
          style标签设置元素样式
          问题：修改时需要一个个改，太麻烦
    -->
</body>
</html>

同一级目录下创建.css

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS简介

<!DOCTYPE html><html lang="en"><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>Do.
复制链接

扫一扫