java css
css样式的嵌入
1.行间样式:在标签中添加<style>属性
格式:标签名 style="样式:样式值1;样式2=样式值2"
2.内嵌样式:在<head></head>标签中添加一个<style></style>标签
将样式写在<style>标签中.
选择器:基础:需要给标签设置id属性或者class属性
1.id选择器:必须要给标签设置id属性，id属性是唯一的，例如:
id="ws1"
<style>
#ws1{
样式1:样式值1;
样式2:样式值2;
}
</style>
2.class选择器:必须要给标签设置Class属性
class:代表一类，例如:
class="pp"
<style>
.pp{
样式1:样式值1;
样式2:样式值2;
}
</style>
3.元素（标签）选择器:
<style>
元素名(标签名){
样式1:样式值1;
样式2:样式值2;
}
</style>
4.1.选择器之间的关系:
并列关系：选择器1,选择器2共享样式 必须用逗号分隔！!!!
选择器1,选择器2{
样式1:样式值1;
样式2:样式值2;
2.父子关系:用空格来分隔！！！！！！
选择器1 选择器2{
样式1:样式值1;
样式2:样式值2;
}
选择器之间的优先级：
id选择器大于>class选择器大于>元素(标签)选择器
3.外部引入:需要新建一个后缀名为css的文件
然后在html文件里的head中用link标签引入css文件
格式<link src="css文件的路径">
<!--行间样式-->
<!--span标签用于包裹文字,给文字添加样式-->
<span style="color: #9C10AA;font-size: 20px">起于凡而非凡</span>
<!--这是一个段落标签-->
<p id="p1">爱生活!爱三国!</p>
<p class="pp">山有木兮木有枝，心悦君兮君不知。____佚名《越人歌》</p>
<p class="pp">曾经沧海难为水，除却巫山不是云。____元稹《离思五首·其四》</p>
<p class="pp">只愿君心似我心，定不负相思意。____李之仪《卜算子·我住长江头》</p>
<p class="pp">平生不会相思，才会相思，便害相思。____徐再思《折桂令·春情》</p>
<p class="pp">雨打梨花深闭门，忘了青春，误了青春。____唐寅《一剪梅·雨打梨花深闭门》</p>
<span>最新限量版 i pod ！潮爆啦！！</span><br>
<span>人与人间的信任，就像是纸片，一旦破损，就不会再回到原来的样子。</span><br>
<span>这孩子长大了就是一祸害，你同意吗？</span><br>
<!-- 父子关系，嵌套-->
<p id="ty">
<span class="pp">父子关系</span>
<span class="pp">父子关系</span>
</p>
浙公网安备 33010602011771号