HTML+CSS知识总结第三期

一.CSS基础知识总结（接上篇）

（1）CSS选择器

        1.伪类选择器：伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。为了和我们刚才学的类选择器相区别，类选择器是一个点比如 .demo {} 而我们的伪类用 2个点 就是冒号 比如 :link{}。

        2.选择器简单小总结：标签选择器：针对一类标签    ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用     通用选择器（通配符）：针对所有的标签都适用（不建议使用）

（2）CSS外观样式

        1.color：文本颜色：属性名：color  属性值：预定义的颜色名 | 十六进制值的颜色值 | RGB颜色值  默认值 ：在不同浏览器中，默认值可能不同，但是在大部分浏览器中默认值为黑色。

        小技巧：一般情况下颜色我们喜欢小写字母 比如 #ff0000。css我们颜色简写 比如 #ff0000 可以简写为 #f00 #ff00ff 简写为 #f0f。

        2.行间距：行高是指文本行基线间的垂直距离:基线与基线之间的距离。

                属性名：line-hight   属性值：normal |数字 | 长度值 | 百分比  默认值：normal 

                行高  会让文本在当前行内的中间  单行文本垂直方向居中     

                如果有盒子存在，设置单行文本垂直方向居中   行高和盒子高度一样

  

        结果展示：

        3.水平对齐样式：内容在水平方向的对齐方式  左对齐left 居中center 右对齐right 

                不单单可以让文本居中  任意元素都可以使用

        4.首行缩进：text-align用于设置首行文本的缩进，其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值, 建议使用em作为设置单位。

        5.文本修饰：文本修饰  给文本添加删除线 下划线 上划线  

                属性名：text-decoration  属性值：none | underline | overline | line-through 

        6.字符间距：字符间距  可以为负数  单词间距  可以为负数

                属性名 ：letter-spacing    属性值 ：normal | 长度值

                属性名 ：word-spacing   属性值 ：normal | length

        结果展示：

        7.文字阴影：前两项是必须写的。 后两项可以选写  可以为负数

                text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;

              多重阴影   text-shadow: 水平位置 垂直位置  阴影颜色, 水平位置 垂直位置  阴影颜色;