HTML day03

01 css的引入方式

css 层叠样式表
css 引入方式：
1.行间引入
2.内部样式表
3.外部样式表（开发的时候最常用）

link 和 @import 引入css的区别

1.@import 是 css2.1之后才推出的，因此可能存在兼容问题，link不存在兼容问题
2.link不仅可以引入css，也可以引入其他类型的文件，功能更加强大，推荐使用link

02 css文本操作

border 属性

border-width 设置border的宽度
border-color 设置border的颜色
border-style 设置border的样式
它们三个可以合写：
border：width style color;

可以给单独某一个边设置border

border-top 设置上边
border-left 设置左边
border-bottom 设置下边
border-right 设置右边

常用的 border-style 值

1.solid 实线
2.dotted 圆点虚线
3.dashed 短线虚线
4.none 隐藏border
5.double 双实线（不常用）
6.3d边框（不常用）： groove 3d凹槽 、ridge 3d凸槽、inset 内嵌、outset 外嵌

color属性

设置文本颜色
值：
1.英文单词
2.16进制颜色 0-f ，#后面跟6位表示颜色的数字，前两位表示红色，中间两位表示绿色，后面两位表示蓝色；如果 两两相等，则可以简写为 #abc
3.rgb(),rgba() 设置颜色括号当中设置对应位置的数字，0-255，0表示黑色，255 表示白色 rgb(255,0,0) 红色
rgba中的a 表示透明度，取值范围是0-1,0表示完全透明，1表示完全不透明

文本修饰

text-decoration
值：
	1.under-line  下划线
	2.overline  上划线
	3.line-through  中划线（删除线）
	4.none  去掉线 （没有文本修饰线）

文本转化

text-transform
值：
	1.lowercase  全部小写
	2.uppercase  全部大写
	3.capitalize  单词的首字母大写

行高

line-height
对于单行文本，line-height 设的高度如果和标签高度相同，则可以做 垂直居中效果
如果是多行文本，则可以理解为行间距

03 css文本操作

设置文字方向

direction
值：
	1.ltr 默认，从左向右
	2.rtl 从右向左

text-indent 首行缩进，它的值是具体的数值

word-spacing: 30px; 设置 两个单词之间的距离

letter-spacing: 15px; 设置 两个字符之间的距离