Heim > Artikel > Web-Frontend > CSS-Faltstil (1) – Drei Möglichkeiten, den CSS-Stil zu verwenden

CSS-Faltstil (1) – Drei Möglichkeiten, den CSS-Stil zu verwenden

黄舟Original: 2016-12-28 15:59:042087Durchsuche

1. Das Deklarations-Tag von CSS teilt dem Browser mit, welche Form er zum Parsen verwenden soll, normalerweise: Da HTML5 die Abwärtskompatibilität unterstützt, finden Sie weitere Informationen im Bild über.

2. So verwenden Sie CSS-Stile:
(1) Internes Link-Stylesheet:
demo.html

<!DOCTYPE html>  
<html>  
<head>  
    <title>内链样式使用</title>  
    <meta charset="utf-8">  
</head>  
<body style="background-color:green; margin:0; padding:0;">  
    <h1>内链样式使用</h1>  
    <div style="background-color:red;font-size:20px;">  
    内链样式使用  
    <div>  
</body>  
</html>

(2) Eingebettetes Stylesheet:
demo.html

<!doctype html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>嵌入式样式</title>  
    <style type="text/css">  
    <!--HTML标记定义 -->  
        body{  
            background:yellow;font-size:20px  
        }  
        div{  
            background:red;font-size:40px  
        }    
  
          
    </style>  
</head>  
      
<body>  
    <h1>嵌入式样式</h1>  
    <div>嵌入式样式</div>  
</body>  
  
</html>

(2) Eingeführtes Stylesheet:
demo.htnl

<!DOCTYPE html>  
<html>  
<head>  
    <title>引入式样式</title>  
    <meta charset="utf-8">  
      
    <!--style.css就是指定的样式，href为指定路径作用-->     
    <link rel="stylesheet" type="text/css" href="style.css">  
      
     
</head>  
<body>  
    <h1>引入式样式</h1>  
    <a href="http://www.baidu.com" target="_blank">百度</a>  
    <br>  
    <p>引入式样式</p>  
    <div>css的html选择器</div>  
</body>  
  
</html>

style.css

/* HTML样式定义   */  
body{  
    background-color:yellow;  
    color:#fff  
}  
  
div{  
    background:red;font-size:20px  
}

The Oben ist der Inhalt des CSS-Faltstils (1) – drei Möglichkeiten, den CSS-Stil zu verwenden. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erklärung und Beispielcode zur AngularJS-ModularisierungNächster Artikel：Ausführliche Erklärung und Beispielcode zur AngularJS-Modularisierung

In Verbindung stehende Artikel

Mehr sehen