Java学习04
CSS引入方式：
1、内联（在标签中设置styl属性）
<标签名 style="样式1：样式值1;样式2：样式值2"
2、内嵌（在head标签中加入style标签）
<style>
选择器1{
样式1：样式值1；
样式2：样式值2
}
选择器2{
样式1：样式值1；
样式2：样式值2
}
</style>
3、外部引入（新建SCC文件，在CSS文件中以写样式，在html文件的head标签中用link标签引入CSS文件 最常用的。）
选择器1{
样式1：样式值1；
样式2：样式值2
}
选择器2{
样式1：样式值1；
样式2：样式值2
}
<link herf="xxx.css">
选择器：
id选择器
在标签中加入id属性 <标签名 id="id值">
在内嵌或者外部CSS文件中书写的格式
#id值{
样式1：样式值1；
样式2：样式值2；
}
注意：id要保证在页面中只有一个
class选择器
在标签中加入class属性 <标签名 class"class值">
在内嵌或者外部CSS文件中书写的格式
.class值{
样式1：样式值1；
样式2：样式值2；
}
注意：class代表的是一类
元素选择器
在内嵌或者外部css文件中书写的e格式
元素名{
样式1：样式值1；
样式2：样式值2；
}
标识符的规范：只能书数字、字母、下划线、$ 其中不能以数字开头 并且不能是关键字
选择器的优先级：id选择器>class选择器>元素选择器
引入方式优先级：内联>内嵌>外部引入
并列关系：
选择器1，选择器2{
}
父子关系：
选择器1 选择器2{
}
兄弟关系：
选择器1+选择器2{
}
代码
内联
<p style="color: red; font-size: 40px">今天是周一</p>
内嵌
<style>
#a1{
color: #F8060A;
}
#a2{
color:#0AFF00;
}
#a3{
color:#0A00FF;
}
.b1{
color:gold;
}
li{
color: #FF5F00;
}
#c1,#c2{
color: #FF00CE;
}
#d1 #d2{
color: #D000FF;
}
#d2+#d3{
color: #00FFA3;
}
</style>
</head>
<body>
<ul>
<li id="a1">数学</li>
<li id="a2">物理</li>
<li id="a3">化学</li>
</ul>
<ul>
<li class="b1">历史</li>
<li class="b1">地理</li>
<li class="b1">生物</li>
</ul>
<ul>
<li>体育</li>
<li>音乐</li>
<li>美术</li>
</ul>
<p id="c1">学好数理化</p>
<span id="c2">不如有个好爸爸</span>
<ul id="d1">
<li id="d2">体育</li>
<li id="d3">音乐</li>
<li>美术</li>
</ul>
外部引入
一般是引入一个css文件
/* CSS Document */
a{
color: pink;
font-size: 120px;
}
