【CSS】笔记（0）--- CSS概述；HTML引入CSS样式的三种方式；列表样式；绝对定位
楔子：
1、什么是CSS，有什么作用？
1)CSS(Cascading Style Sheet):层叠样式表语言。
2)CSS的作用是：
修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。
HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件。
2、CSS需要掌握到什么程度？
第一，常见的CSS样式会写，第二，别人写的CSS样式能看懂。
3、在HTML页面中嵌套使用CSS的三种方式：
第一种方式：在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。
语法格式：
<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;...">
第二种方式：在head标签中使用style块，这种方式被称为样式块方式。
语法格式：
第三种方式：链入外部样式表文件，这种方式最常用（将样式写到一个独立的xxx.css文件当中，在需要的网页上直接引入css文件，样式就引入了）。
语法格式：
这种方式易维护，维护成本较低。
正文：
1、HTML引入样式的第一种方式：内联定义方式：
代码：
HTML引入样式的第一种方式：内联定义方式
谷歌浏览器：
2、HTML中引入CSS样式的第二种方式：样式块：
代码：
HTML中引入CSS样式的第二种方式：样式块
对不起，用户名不能为空！
谷歌浏览器：
3、在HTML中使用CSS样式的第三种方式：引入外部独立的css文件：
html代码：
在HTML中使用CSS样式的第三种方式：引入外部独立的css文件
百度
点击我链接到百度哦！
css代码：
/*
标签选择器
*/
a {
/*
使下划线消失
*/
text-decoration : none;
}
/*
cursor : 鼠标样式，pointer是小手，hand也是，但是hand有浏览器兼容问题，建议使用pointer
*/
/*
id选择器
*/
#baiduSpan {
/*
下划线；
鼠标光标变为小手
*/
text-decoration: underline;
cursor: pointer;
}
谷歌浏览器：（小手没截成功。。。）
4、列表样式：
代码：
列表样式
- 中国
- 北京
- 上海
- 重庆
- 美国
- 俄国
谷歌浏览器：
5、CSS样式的绝对定位：
代码：
CSS样式的绝对定位
谷歌浏览器：
