ikkhksvu 发表于 2024-6-30 08:13:50

CSS 样式表有几种存在方式？


    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">css样式表有3种存在方式：<span style="color: black;">外边</span>样式表（外联式）、行内样式表（内联式）、内部样式表（嵌入式）。</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://picx.zhimg.com/80/v2-5b6313f97210b9c9780ca5011d4f971c_720w.jpg?source=2c26e567" style="width: 50%; margin-bottom: 20px;"></div>
            <h2 style="color: black; text-align: left; margin-bottom: 10px;">行内样式</h2>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>style属性引入CSS样式。</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">示例：</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;h1 style="color:red;"&gt;style属性的应用&lt;/h1&gt;
                &lt;p style="font-size:14px;color:green;"&gt;直接在HTML标签中设置的样式&lt;/p&gt;</div>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">实质</span>在写页面时不提倡<span style="color: black;">运用</span>，在测试的时候<span style="color: black;">能够</span><span style="color: black;">运用</span>。</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如：</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;!DOCTYPE&gt;
                &lt;html&gt;
                &lt;head&gt;
                &lt;meta charset="utf-8" /&gt;
                &lt;title&gt;行内样式&lt;/title&gt;
                &lt;/head&gt;
                &lt;body&gt;
                &lt;!--<span style="color: black;">运用</span>行内样式引入CSS--&gt;
                &lt;h1 style="color:red;"&gt;Leaping Above The Water&lt;/h1&gt;
                &lt;p style="color:red;font-size:30px;"&gt;我是p标签&lt;/p&gt;
                &lt;/body&gt;
                &lt;/html&gt;</div>
            <h2 style="color: black; text-align: left; margin-bottom: 10px;">内部样式表</h2>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在style标</p>
      </span></div>




18128071341 发表于 2024-9-1 18:41:35

感谢您的精彩评论，为我带来了新的思考角度。

1fy07h 发表于 2024-11-1 16:29:57

同意、说得对、没错、我也是这么想的等。

1fy07h 发表于 2024-11-9 14:20:09

大势所趋，用于讽刺一些制作目的就是为了跟风玩梗，博取眼球的作品。
页: [1]
查看完整版本: CSS 样式表有几种存在方式？