css样式设置

最新推荐文章于 2024-03-25 08:19:22 发布

y15518325965

最新推荐文章于 2024-03-25 08:19:22 发布

阅读量511

点赞数

本文链接：https://blog.csdn.net/y15518325965/article/details/79463840

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS的三种设置样式</title>
    <!-- 3.外部样式：在外部单独定义一个.css样式的文件，在.html中进行引入。
外部样式的优先级最低，一般有大量的css样式的时候，使用该样式 -->
    <link rel="stylesheet" type="text/css" href="index.css">
    <!-- 2.内联样式：内联样式的优先级仅次于行内样式 -->
    <!-- <style type="text/css">
        #two{
            font-size:20px;
            color: blue;
        }
        #one{
            color: red;
            font-size: 20px;
            background-color: orange;
        }
    </style> -->
</head>
<body>
    <!--
    1.行内样式：就是在开始标签内部，通过style属性给一个标签添加样式。
    优缺点：
    1>定位位置方便，不需要css选择器进行查找；
    2>只能设置少量的样式，如果样式过多，会影响标签的美观度，造成标签结构不清晰； 
    行内样式的优先级最高。
     -->
     <p id ="one" style="color:yellow;font-size:30px" >第一段文字</p>
     <p id="two">第二段文字</p>
</body>
</html>

y15518325965

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式设置

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;CSS的三种设置样式&lt;/title&gt; &lt;!-- 3.外部样式：在外部单独定义一个.css样式的文件，在.html中进行引入。外部样式的优先级最低，一般有大量的css
复制链接

扫一扫