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>1div>
    <div>2div>
    <div>3div>
body>
html>

2.外部

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部title>
    
    <link rel="stylesheet" href="index.css">
head>
<body>
    <div>1div>
    <div>2div>
    <div>3div>
body>
html>

3.行内

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

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

你可能感兴趣的:(css,前端)