Blogger Information
Blog 54
fans 4
comment 1
visits 54933
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式-2019年7月3日
神仙不在的博客
Original
1811 people have browsed it

css的样式表分为3类

内联式,内部式、外部式

内联式就是写在标签的style属性里面

内部式就是style标签,写在head里面的

外部式就是link标签引用一个css文件

实例

<!DOCTYPE html>
<html lang="cn_ZH">
<head>
    <meta charset="UTF-8">
    <title>演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式</title>
<!--    这是style标签-->
    <style>
        p{color:red}
        .yellow{color:yellow}
        #pink{color:pink}
    </style>
</head>
<body>
<!--这是style属性-->
<p style="color:blue">我是第一行,猜猜我是什么颜色</p>
<p class="yellow">我是第二行,猜猜我是什么颜色</p>
<p id="pink">我是第三行,猜猜我是什么颜色</p>
<p>我是第四行,猜猜我是什么颜色</p>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post