Html 代码 往往需要用 Css 样式进行格式化才能有很炫的效果,那么怎么样引入 Css 样式,主要有三种方式。
方式一:内联样式。
如果当前页面的某个 html 元素需要特殊样式处理,这时候就可以使用内联样式。
- <p style="color: red; margin-left: 20px">
- This is a paragraph.
- </p>
方式二:内部样式。
如果当前页面的很多个 html 元素需要统一的样式进行格式化,这个时候用内部样式就比内联样式更方便。
- <head>
- <style type="text/css">
- p {
- color: red;
- margin-left: 20px;
- }
- </style>
- </head>
- <body>
- <p>This is a paragraph. </p>
- </body>
方式三:外部样式。
如果有很多个页面中,某些 html 元素都需要统一样式进行格式化,那么用外部样式则又比内部样式更方便。
- <head>
- <link rel="stylesheet" type="text/css" href="mystyle.css">
- </head>
- <body>
- <p>This is a paragraph. </p>
- </body>
css 样式文件为 mystyle.css 。
- p {
- color: red;
- margin-left: 20px;
- }