HTML总结

css字体样式

        字体大小：font-size

          网页默认大小为16px

          正常网页支持大小为16px

          px 像素，像素是一个相对单位，相对于分辨率

          字体大小，绝大数是以高为准。

        字体类型：默认为微软雅黑

                        常见的字体，宋体，微软雅黑

                      1. 常见用法 font-family： 字体1，字体2 

                        2.  如果字体名字是多个单词组成，加引号。

          字体加粗：font-weight:  (bold 加粗)

                看情况：字体有无  -> （lighter 细体）（bolder 更粗）

            字体倾斜：font-style：italic；

                                              normal18:05 2018/9/5 星期三

              字体颜色：

                          color:

                                  1、单词

                                  2、16进制表示法 0-9A-F

                                          #00  00  00

                                            r      g    b

                                  3.      如果三组都是成对相同，可以省略一位

                                  4、css3出现了 rgba（255，25，25，0-1）a为透明度

css文本样式

                  文本对齐    text-align：center  居中。

                                                      left 默认

                                                      right

        justify  两端对齐

                  文本行高    line-height    写单位

                                      文本的的垂直水平居中

                                                    text-align：center

                                                    line-height：外层文本高度 垂直

                  文本缩进：

                                text-indent: 一个字体大小

                                em  相对单位

                                        1 em=1*一个字体的大小，如果自己没有字体大小，会继承父级的字体大小

                                关于logo

                                            写css样式缩进-9999 让文字飞出去        当所有的css  js 加载不出来时

                    下划线：

                              text-decoration：underline；

                    上划线：

                              text-decoration：overline；

                    中划线：

                            text-decoration：line-thoungt

                      不要线：

                              text-decoraton：none

css背景样式

                      background

                                      background-color：背景色

                                      background-image:url( 地址)

                                      background-repeat：no-repeat；平铺

                                                                      repeat-x；

                                                                      repeat-y；

                                      background-position：x轴  y轴

                                                                      1、  left center right top bottom

                                                                        2、px

                                                                        3、%  相对单位  相对父级

                                                                          50%  50%居中

                                          background-size：100px  100px

                                                                  图片  宽    高

                                                                          contain  优先占满宽度

                                                                          cover    优先沾满高度

                                          关于简写 ：backgrond url（）重复  定位 

                  【雪碧轴的使用方法】用绝对定位 background-position 用ps量它的位置！！

css边框

                        border： border-witgh 边框大小

                                        border-color 边框颜色  transparent    透明色

                                      border- style 边框样式

圆角

                    border-radiuo：50%                                               

盒子模型

                      盒子的大小=内容大小（宽高）+边框+padding

                        margin  外边距

                        padding  内边距  填充

                    块级标签和行内标签居中：margin： 0 auto

                  行内标签水平居中  text-align：center

                      行内元素竖直居中：display：table-cell  注：将一个行内元素转化为表格元素

                                                  vertical-align：middle

                        图片文本的对齐：