CSS styles

CSS styles: inline style, internal style, external style

New 03-three.html file:

<!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>

Create a new 03-three.css file:

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

Run 03-three.html and the display will be as follows:

微信图片_20180314161821.png

The priority of inline styles is the highest. Internal styles and external styles depend on which one is loaded last. The one loaded later will generally take effect.

But after adding !important, the priority becomes the highest

Continuing Learning

new file

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

submit Reset Code

Automatic operation

CSS styles

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]