Three ways to use CSS inline styles, embedded styles, and external reference styles
|
A simple example of how to use the three methods is as follows: Inline styles: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>css inline style</title> </head> <body> <div style="width:100px;height:100px;background:red;"></div>> </body> </html> Inline styles:
<!!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css embedded style</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
</body>
</html>
External type: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>css embedded style</title> <link rel="stylesheet" type="text/css" href="ccss.css"> </head> <body> <div id="div"></div>> </body> </html> css file
#div{width:100px;height:100px;background:red;}
In short: Inline style: the code is written in an element on a specific web page; for example: <div style="color:#f00"></div> Inline: just write it before </head>; for example: <style type="text/css">.div{color:#F00}</style> External style: refers to an external CSS file; for example: <link href="css.css" type="text/css" rel="stylesheet" /> The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. |
<<: Detailed tutorial on installing CentOS, JDK and Hadoop on VirtualBox
>>: Newbies quickly learn the steps to create website icons
Recommend
base target="" controls the link's target open frame
<base target=_blank> changes the target fram...
Detailed explanation of process management in Linux system
Table of contents 1. The concept of process and t...
Example code of vue custom component to implement v-model two-way binding data
In the project, you will encounter custom public ...
Who is a User Experience Designer?
Scary, isn't it! Translation in the picture: ...
How to configure nginx to limit the access frequency of the same IP
1. Add the following code to http{} in nginx.conf...
Web lesson plans, lesson plans for beginners
Teaching Topics Web page Applicable grade Second ...
Summary of methods for writing judgment statements in MySQL
How to write judgment statements in mysql: Method...
Apache Bench stress testing tool implementation principle and usage analysis
1: Throughput (Requests per second) A quantitativ...
Sample code for implementing menu permission control in Vue
When people are working on a backend management s...
Native JavaScript carousel implementation method
This article shares the implementation method of ...
MySQL 8.0.13 installation and configuration method graphic tutorial under win10
I would like to share the installation and config...
How to implement Nginx reverse proxy and load balancing (based on Linux)
Let's try out nginx's reverse proxy here....
Detailed explanation of compiling and installing MySQL 5.6 on CentOS and installing multiple MySQL instances
--1. Create a new group and user for mysql # user...
Why Seconds_Behind_Master is still 0 when MySQL synchronization delay occurs
Table of contents Problem Description Principle A...
A brief discussion on using virtual lists to optimize tables in el-table
Table of contents Preface Solution Specific imple...