网站学习前端(2)

CSS编写位置

内联样式,行内样式
在标签内部通过style属性来设置元素样式

示例:

1
<p style="color:red;">内容</p>


内部样式表
将样式编写到head中的style标签中,通过CSS的选择器来选中元素并为其选择各种样式

示例:

1
2
3
4
5
    <style>
        p{
        color:red;
        }
    </style>

外部样式表
可以将CSS样式编写到一个外部的CSS文件中,然后通过link标签来引入外部的CSS文件

建立一个外部的*.CSS的文件,让后将样式写入进去,不需要style标签,需要使用的文件使用link标签引用

示例:

1
    <link rel="stylesheet" href="css文件的路径">

最推荐使用外联样式表,浏览器加载时会将第一个加载网页的css文件放入缓存中,当服务器加载第二个网页时可以使用相同的css文件,节省加载时间

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

ICP备案号:鲁ICP备2025161418