/这个是CSS的注释/
行内样式是在标记的style属性中设定CSS样式,不推荐大规模使用。
<p style="color:red">hello,world</p>
嵌入式是将CSS样式集中写在网页的
标签对的标签对中<head>
<meta charset="utf8">
<title>标题</title>
<style>
p{ background-color:red }
</style>
</head>
外部样式就是将CSS写在一个单独的文件中然后在页面进行引入即可,推荐使用此方式:
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
p{cllor:"red"}
#m2{background-color: red}
.k {font-size:14px}
p.k {
color:red;
}
注意:
样式类名不要用数字开头因为有的浏览器不认识,
标签中的class属性如果有多个,要用空格分隔。
* {color:white;}
li内部的a标签设置字体颜色
li a {color:green;}
选择所有父级是div元素的p元素
div>p {font-family: "Arial Black", arial-black, cursive; }
选择所有紧接着div元素之后的p元素
div+p {margin:5px;}
m后面所有的兄弟p标签
#m~p {border:2px solid royalblue;}
用于选择带有指定属性的元素
p[title] {color:red;} 用于选择带有属性和值的元素
p[title=“213”] {color:red;}
原文:https://www.cnblogs.com/ludundun/p/11656158.html