<!--css样式的嵌入
1.行间样式：在标签中添加style属性
格式：style="样式1：样式值1；样式2=样式值2；"
2.内嵌样式：在head标签中添加一个
<style></style>，将样式写在style标签中
选择器：需要给标签设置id属性或者class属性
1.id选择器：必须要给标签设置id属性
<style>
#s1{样式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>
选择器之间的关系：
1.并列关系：
选择器1，选择器2{
样式1：样式值1；
样式2：样式值2}
2.父子关系;
选择器1 选择器2
{样式1：样式值1;
样式2：样式值2
}
选择器之间的优先级
id选择器>class选择器>元素选择器
3.外部引入：
新建 xxx.css文件
在HTML文件中的head标签中，引入css文件
格式：<link href="css文件路径'
-->
<body>
<!--span用于包裹文字，给文字添加样式-->
<span style="color: #4CE816;font-size: 60px">你好</span>
<p id="p1">这是一个段落标签</p>
<p class="dd">这是一个段落标签</p>
<p class="dd">这是一个段落标签</p>
<p class="dd">这是一个段落标签</p>
<p class="dd">这是一个段落标签</p>
<span>span1</span>
<span>span2</span>
<span>span3</span>
<p id="p2">
<span class="dd"></span>
<span class="dd"></span>
</p>
</body>
<style>
#s1{ font-family:Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
font-size: 60px;
font-weight: 300;
font-style: italic;
color: #3DECE4
}
#p1{/*下划线*/
/*text-decoration: underline;*/
/*删除线*/
text-decoration: line-through;
text-decoration: overline;/*顶划线*/
text-transform: uppercase;/*转大写*/
text-transform: capitalize;/*所有单词的首字母大写*/
text-indent: 20px;/*首行缩进*/
text-align: center;/*文本水平对齐 center*/
line-height: 20px;
background-color: #6AF92F/*背景颜色*/
}
</style>
<span id="s1">这是一个span标签</span>
<p id="p1">这是一个p标签hellow world</p>
扫一扫
361
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
