CSS-Stile

CSS-Stile: Inline-Stil, interner Stil, externer Stil

Neue 03-drei.html-Datei:

<!doctype html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>使用CSS样式，样式优先级，CSS选择器</title>
      <style type="text/css">
         h1{
            color:blue;
            font-size:36px
         }
      </style>
   </head>
   <body>
      <link rel="stylesheet" href="03-three.css" />
       <p style="font-size:48px;color:red">段落文本(p):使用内联样式</p>
      <h1>一级标题(h1):使用内部样式表</h1>
      <h2>二级标题(h2):使用外部样式表</h2>
   </body>
</html>

Erstellen Sie eine neue 03-drei.css-Datei:

h2{
   color:green;
   background-color:gray
}

Führen Sie 03-drei.html aus Die Anzeige sieht wie folgt aus:

微信图片_20180314161821.png

Interne Stile und externe Stile haben die höchste Priorität . Normalerweise ist das Ende Wirksam.

Aber nach dem Hinzufügen von !important wird die Priorität zur höchsten

Weiter lernen

neue Datei

<?php echo "CSS样式:内联样式,内部样式,外部样式";

einreichen Code zurücksetzen

Automatische Operation

CSS-Stile

GrundschuleTutorial zur Imitation einer Imperial CMS-Unternehmenswebsite

GrundschuleNeulinge ohne WordPress-Grundkenntnisse erstellen persönliche Blogs und Unternehmenswebsites

GrundschuleUltimatives CMS-zertifiziertes Anleitungsvideo zum Erstellen von Websites

GrundschuleFront-End-Projekt-Shangyou [umfassende Praxis der HTML/CSS/JS-Technologie]

DazwischenliegendVue3.0 von 0 zum Aufbau einer universellen Backend-Managementsystem-Projektpraxis

GrundschuleNullbasierter Front-End-Kurs [Vue fortgeschrittenes Lernen und praktische Anwendung]

GrundschuleWEB-Frontend-Tutorial [HTML5+CSS3+JS]

GrundschuleKurze Einführung in Apipost

DazwischenliegendVue3 + TypeScript praktische Tutorial-Projektpraxis auf Unternehmensebene

GrundschuleLassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen

DazwischenliegendVUE E-Commerce-Projekt (Front-End- und Back-End-Doppelprojekt, tatsächlicher Kampf)

GrundschulePraktische Anwendung von Apipost [API, Schnittstelle, automatisiertes Testen, Mock]