css引入的用处

介绍

CSS是层叠样式表的简称
因HTML有它的局限性，所以引入CSS的主要场景就是美化布局页面

HTML的局限性： 只是单纯的语法结构，全是精华，没有一点儿美观
CSS的好处： CSS主要设置Html页面中的文本内容（字体，大小，对齐方式）图片外设，边框样式，边距，外观显示样式
CSS的搭配：
由HTML专注做结构化呈现，样式交给CSS，即两者分离，各执其职

CSS语法

	<style>
		选择器 {   属性1: 值1;    属性2: 值2     }
	<style>
	```


举个栗子


```css
   /* 给所有p标签字体，设置淡蓝色 */
<style>
		h1 {  color: red;   font-size: 25px;     }
	<style>
	

CSS代码风格

1. 样式格式书写

1. 紧凑格式

h3 { color: pink;  font-size: 20px; }

2. 舒展格式(推荐)

h3 { 
	color : pink; 
	font-size: 20px;
	}

2.样式大小写

1. 大写

H3 {
		COLOR: RED;
}

2. 小写(推荐) ```css h3 { color: red; } ```

3.空格规范

1. 冒号与属性值间加一个空格
2. 选择器和大括号间加一个空格

h3 {
	color: red;
}

注意

1. css语句写在 head 标签中

CSS基础选择器总结

基础选择器	作用	特点	使用情况	用法
标签选择器	可以选出所有相同的标签	不能差异化选择	较多	p { color: red;}
类选择器	可以选出包含1个或者多个类属性的标签	根据需求选择	非常多	.nav { color: red;}
id选择器	只能选择一个标签	id属性只能在每个HTML文档中出现一次	一般和js搭配	#nav {color: red; }
通配符选择器	选择所有的标签	选择的太多，有部分不需要	特殊情况使用	* { color: red; }