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>

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>

</body>

</html>