CSS的书写位置

让我为大家介绍一下css的书写位置

1.内部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内部</title>
    <!-- 内部位置 -->
    <!-- 这就是内部形式 -->
    <style>
        div {
     
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</body>
</html>

2.外部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部</title>
    <!-- 这是外部形式,也是开发中最常用的 -->
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</body>
</html>

3.行内

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行内</title>
</head>
<body>
    <!-- 行内加style -->
    <div style="width: 200px;height: 200px;">1</div>
</body>
</html>

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐

  1. CSS书写位置

    2024-01-24 12:06:01       41 阅读
  2. HTML_CSS学习:CSS编写位置

    2024-01-24 12:06:01       9 阅读
  3. 如何根据元素位置关系来调整 CSS 样式

    2024-01-24 12:06:01       14 阅读
  4. 前端开发中需要注意CSS命名规则以及书写顺序

    2024-01-24 12:06:01       35 阅读
  5. 第二十六章HTML与CSS书写规范

    2024-01-24 12:06:01       4 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-24 12:06:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-24 12:06:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-24 12:06:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-24 12:06:01       18 阅读

热门阅读

  1. 编程笔记 html5&css&js 055 CSS颜色表

    2024-01-24 12:06:01       32 阅读
  2. 基于easyswoole开发的聊天室

    2024-01-24 12:06:01       32 阅读
  3. 【Docker】Docker学习⑥ - 网络部分

    2024-01-24 12:06:01       25 阅读
  4. leetcode-相交链表

    2024-01-24 12:06:01       36 阅读
  5. tomcat、mysql连接数配置

    2024-01-24 12:06:01       29 阅读
  6. 05-使用结构体构建相关数据

    2024-01-24 12:06:01       27 阅读
  7. 2024最新版 Xmind for Windows下载安装教程

    2024-01-24 12:06:01       54 阅读
  8. Matlab神经网络

    2024-01-24 12:06:01       36 阅读