博客列表 >CSS样式表的写法总结及优先级判断_2019年4月24日23点2分

CSS样式表的写法总结及优先级判断_2019年4月24日23点2分

RED的PHP之路
RED的PHP之路原创
2019年04月24日 23:54:48789浏览
<h1>作业1:CSS样式写法及优先级判断</h1>

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三种位置的写法</title>
    <link rel="stylesheet" type="text/css" href="waibu.css">

    <style>
        p{color: #5dafd1}
    </style>
</head>
<body>
<!--第一种,内联样式,在标签中-->
<h1 style="color: red">PHP中文网就是好</h1>
<p style="background-color: #00FF00 ">欢迎来到新疆昆玉钢铁***,欢迎您!</p>

<!--第二种,内部样式,在head中-->
<p>这是一段验证内部样式的文字,在head中声明CSS样式</p>

<!--第三种,外部样式,引用外部文件-->
<p>这是一段文字,用来验证引用外部CSS文件</p>

</body>
</html>

运行实例 »

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


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议