样式的三种写法:
内行样式;
head 标签,style 标签 选择器;
引入外部样式文件
background-color 背景颜色
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>css3</title>
<meta name="Keywords" content="关键字">
<meta name="description" content="简介">
<!-- css 02 在网页上 head标签 style标签 选择器{样式:值;} -->
<style>
/*第二个p 标签*/
p:nth-of-type(2) {
background-color: aquamarine;
}
/*所有的p标签,去除第一个p,去除第二个p*/
p:not(:nth-of-type(1)):not(:nth-of-type(2)) {
color: darkseagreen;
}
</style>
<!-- css 03 引入外部样式文件 -->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- css o1 background-color 背景颜色 在标签上写样式,行内,内联样式-->
<p style="color: rgb(0,255,255)">Lorem ipsum dolor sit.</p>
<p>Aliquam enim neque voluptatum.</p>
<p>A accusamus exercitationem numquam.</p>
<p>Eius odit suscipit voluptatibus?</p>
<p>Illum iste quidem sequi!</p>
</body>
</html>
样式文件
/*字符集指定*/
@charset "utf-8";
p:not(:nth-of-type(1)):not(:nth-of-type(2)) {
color: #027e02;
}
p.myp {
background-color: #10f574;
}
扫一扫
1977
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
