码迷,mamicode.com
首页 > Web开发 > 详细

html基础教程3

时间:2020-05-03 10:21:56      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:ext   用途   html基础   class   oct   功能   文件   式表   pre   

大家好,又和大家见面了,这节课我们讲style的用途和外部样式表的功能和用途

首先来个实例(style的)

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>HTML</title>
 6     </head>
 7     <body>
 8         <p class="p">hi!</p>
 9         <p>hi!</p>
10     </body>
11     <style>
12         p.p {
13             color: blue;
14         }
15     </style>
16 </html>

style是用来在HTML的内部样式表

外部样式表怎么用

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML</title>
        <!-- link大部分的用途是用来引用css! -->
        <link rel="stylesheet" type="text/css href="<!-- 文件名 -->">
    </head>
    <body>
        <p class="p">hi!</p>
        <p>hi!</p>
    </body>
   </html>

css代码

p.p {
    color: red;
}
p {
    color: blue;
}

因为这里是HTML教程,我就不一一解释了

下一期教程class

html基础教程3

标签:ext   用途   html基础   class   oct   功能   文件   式表   pre   

原文地址:https://www.cnblogs.com/1175971310-axbcdxyz/p/12820677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!