Detailed explanation of HTML style tags and related CSS references

Detailed explanation of HTML style tags and related CSS references

HTML style tag

style tag - Use this tag when declaring styles in a document
Style tags appear in pairs, starting with <style> and ending with </style>
media -- media type,

type -- contains the type of content, usually type="text/css"
Example

XML/HTML CodeCopy content to clipboard
  1. < head >   
  2.      < style   type = "text/css" >   
  3. abbr
  4. {
  5. font-size: 12px;
  6. }
  7. .text10pxwhite
  8. {
  9. font-size: 10px;
  10. color: #FFFFFF;
  11. }
  12.      </ style >   
  13. </ head >   

Internal CSS

You can use the style tag to load the content of the CSS file directly into the HTML document.

Example

CSS CodeCopy content to clipboard
  1. <style type= "text/css" ><![CDATA[
  2. /* ----------Beginning of text style---------- */   
  3.   
  4. /* Dream City white 12 pixel text */   
  5. .dreamduwhite 12px   
  6. {
  7.      color : white ;
  8.      font-size : 12px ;
  9. }
  10. /* Dream City black 16 pixel text */   
  11. .dreamdublack 16px   
  12. {
  13.      color : black ;
  14.      font-size : 16px ;
  15. }
  16.   
  17. /* ----------End of text style---------- */   
  18. ]]></style>

<<:  Solution to Mysql binlog log file being too large

>>:  Discussion on image path issues in css (same package/different package)

Recommend

The solution record of Vue failing to obtain the element for the first time

Preface The solution to the problem of not being ...

The neglected special effects of META tags (page transition effects)

Using js in web design can achieve many page effec...

Using JS to determine the existence of elements in an array in ten minutes

Preface In front-end development, you often need ...

Full analysis of MySQL INT type

Preface: Integer is one of the most commonly used...

Windows 10 and MySQL 5.5 installation and use without installation detailed tutorial (picture and text)

This article introduces the installation and use ...

Vue implements click feedback instructions for water ripple effect

Table of contents Water wave effect Let's see...

Solution to MySQL replication failure caused by disk fullness

Table of contents Case scenario Solving the probl...

Table td picture horizontally and vertically centered code

Html code: Copy code The code is as follows: <t...

Nginx configuration SSL and WSS steps introduction

Table of contents Preface 1. Nginx installation 1...

Beginners learn some HTML tags (1)

Beginners can learn HTML by understanding some HT...

50 lines of code to implement Webpack component usage statistics

background Recently, a leader wanted us to build ...

Process parsing of reserved word instructions in Dockerfile

Table of contents 1. What is Dockerfile? 2. Analy...

About the value transfer problem between antd tree and parent-child components (react summary)

Project requirements: When you click a product tr...

Recommended tips for web front-end engineers

Let's first talk about the value of web front...

JavaScript to achieve product magnifying glass effect

This article shares the specific code of JavaScri...