CSS入门

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

云祁

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

阅读量1.1k

点赞数 1

文章标签： CSS

本文链接：https://blog.csdn.net/BeiisBei/article/details/98974864

版权

6 篇文章 0 订阅

订阅专栏

在这里插入图片描述
style标签

<style type="text/css">
h1 {
	font-size:12px;
	color:#F00;
}
</style>

<h1 style="color:red;">style属性的应用</h1>
<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式</p>

<style>
        h1{color: green; }
</style>

<head>
  ……
<link href="style.css" rel="stylesheet" type="text/css" />
  ……
</head>

CSS样式优先级

在这里插入图片描述

后代选择器 body p{color:darkblue;}
子选择器body>p{color:darkblue;}
相邻兄弟选择器 h1+p{color:darkblue;}
通用兄弟选择器 h1~p{color:darkblue;}

在这里插入图片描述

ul li:first-child{ background: red;}
ul li:last-child{ background: green;}
p:nth-child(1){ background: yellow;}
p:nth-of-type(2){ background: blue;}

在这里插入图片描述
使用E F:nth-child(n)和E F:nth-of-type(n)的关键点

在这里插入图片描述

关注

专栏目录