M12D15css 常用样式

html的基础标签
p h1

br dl
p hr h1 dd li 块级标签
a img i b strong input 行级标签
display:block 设置元素的属性为显示display:none； 树没了 坑也没了
visibility:visible 设置元素为可见 visibility：hidden 树没了 坑还在

整个html文件看成一片地
div可以看成这个地上的不同宅基地
块儿级元素 一块儿区域 。
div的属性设置是在style属性值里设置 多个属性值之间用分号隔开
某个元素设置了浮动属性以后 该元素就会脱离常规文本文档流，如果想清楚浮动所带来的影响 就再浮动的下面的元素上加一个clear属性
div的align属性 （注意：不是在style里面 ）设置的是div里面的元素居中
整个html文件是从最上面开始一行一行的往下解析，谁在上面就先显示谁

html 盖好了一个房子
css 装修房子
层叠样式表单 3种引入方式
1 行内样式 如下所示

      <div style="width:200px;height:200px;background:yellow;clear:both">
     2 内嵌样式
    写在头部标签里的 style标签里


     3外部的文件
         文件的后缀名是.css
     <link rel="stylesheet"href="外部样式文件的路径">
    外部文件
            写的和内嵌样式两个style标签里的东西一模一样
     <link >标签用来做标题栏的小logo
     <link rel="shortcut icon" href="favicon.ico">
     <link rel="icon" href="" >
           要求1：logo图片的后缀为ico 必须是32*32 或者16*16的
               2  rel为shortcut icon

      行内>   内嵌 外部文件 和自然顺序有关系谁在后面谁起作用

css的3中选择器
1 id选择器 语法格式
#id{
属性名：属性值；
}
2 类选择器 语法格式
.class{

      }
     3 标签名选择器
            标签名{
          属性名：属性值；

}
选择器优先级
id>类>标签名

}

拓展 儿子选择器
标签名:nth-child(儿子的自然顺序)
css 常用样式
1 文字有关
color 更改字体颜色
font-size 更改字体大小
font-family更改字体样式
必须是电脑上自带字体
font-weight 更改字体权重
text-decoration 文字修饰
:underline 下划线
:overline 上划线
:line-through 删除线
:none 清除文本修饰 清除超练级的下划线
text-align 文本对齐方式
left center right
text-transform 字体
uppercase 小写字母变大写
lowercase 大写字母变小写
line-height 行高
可以用来设置文本垂直居中，
设置文字所占的一行的高度
direction 文本对齐方式
ltr 左对齐
rtl 右对齐
text-shadow 文字阴影
x y 宽度 颜色；
x:水平方向开始坐标
y：垂直方向开始坐标
宽度：阴影宽度
颜色：阴影颜色；
letter-spacing 字体间距 字的间距
word-spacing 字体间距 词的空白处间距
word-wrap 允许长单词换行
伪类
:hover 表示鼠标悬浮到目标上这时候干什么