概述
样式的三种写法:
内行样式;
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;
}
最后
以上就是欢喜心情为你收集整理的CSS 样式三种写法的全部内容，希望文章能够帮你解决CSS 样式三种写法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复