应用css样式

最新推荐文章于 2024-03-23 01:00:00 发布

java-小生

最新推荐文章于 2024-03-23 01:00:00 发布

阅读量144

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_40792591/article/details/100761513

版权

3 篇文章 0 订阅

订阅专栏

1、内嵌样式

在头中<head>中使用<style>标签书写css样式，这样可以将页面的表现性和结构性实现很好的分离

<!doctype html>
<head>
<style type="text/css">
  .day{
      color:blue;
  }
</style>
</head>
<body>
内嵌css样式
</body>
</html>

2、内联样式

在网页设计的时候通常不会使用内联样式的，不得已的情况下才使用，用做补充调整

3、外联样式

在创建整站的时候，通常一个css样式需要同时用于几个页面。这个时候使用外联样式表示就是非常好的选择。因为css样式表可以作为独立文件存储在页面外部的文件。我们只要用<link>标签来使用

也可以使用@import url("some.css")

写法

@import url("some.css")

</style>

4、多重样式表

要优先记住的是id样式的作用力比class的作用力强(也就是两个都同时存在的时候，优先使用的是id属性)

如果class中出现了多个class属性，标准是按css样式中的最后一个来进行渲染的（这里指的是有的属性中的最后一个)

优先级：离页面最近的样式级别最高，例如内联样式，但是外联式样的级别最低，离页面太远了。

如果同时出现在同一个页面中的时候，id>伪类选择器>class

关注