css四种设置方式

最新推荐文章于 2024-06-24 20:56:17 发布

maxwater

最新推荐文章于 2024-06-24 20:56:17 发布

阅读量469

点赞数

分类专栏： css学习文章标签： css stylesheet html import url

本文链接：https://blog.csdn.net/maxwater/article/details/7909431

版权

2 篇文章 0 订阅

订阅专栏

css有四种设置方式：

内联样式表：在html的标签中直接加入style属性，这种方法比较灵活，但是在代码多的时候不方便，如果需要更新一部分的样式，不方便操作。如下代码：<p style="color:red;background-color:yellow;font-size:4cm;border:4px solid blue;text-align:center">abcdefg</p>
嵌入样式表：将<style>标签嵌入html中去，在<style>标签内部设置样式内容，<style>一般在<head>标签中使用。这种方式能控制本页面的所有样式，但不能控制其他页面。
外部样式表：单独定义一个.css文件，并且在html文件中使用<link>连接，<link rel="stylesheet" type="text/css" href="one.css" />，这行代码也是用在<head>标签中。在css文件中要直接写入样式，无需标签。这种方式便于多个html文件使用相同的css文件。
输入样式表：可以在样式表中导入其他的样式文件，或者在<style>中导入其他样式文件，使用 @import url(css文件的路径);（语句后面的分号必不可少）。

这四种设置方式中，内联样式表的优先级最高，其他三种跟使用的顺序有关系。