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文件的路径">
<!doctype html> <html> <head> <meta charset="utf-8">
<title>无标题文档</title>
<!-- -->
</head>
<body>
<span style="color: #34DD26;font-size:100px">你好</span>
<p id="p1">段落</p>
<p class="pp" >5555</p>
<p class="pp">5555</p>
<p class="pp">5555</p>
<p class="pp">5555</p>
<p class="pp">5555</p>
<span>6666</span>
<span>6666</span>
<span>6666</span>
<p id="p2"> <span class="pp">888</span> </p>
</body>
</html>