2019-05-28课堂随记

①选择器的优先级

        当使用不同选择器设置样式冲突时,以选择器优先级为准:

            !impotant,最高优先级

            内联样式:1000

            id选择器:100

            类和伪类:10

            元素选择器:1

            通配选择器:0

            继承样式:无优先级

            如果包含多种选择器  需要把多种选择器的优先级相加

            如果两个选择器优先级相同  会出现覆盖 使用靠后的

            并集选择器会个算个的  不会相加

②a的伪类

        :link,:visited;:hover;:active;四个伪类必须按照LVHA的顺序写

③文本标签

       

            用于表示一段内容中的着重点

           

            用于表示一个内容的重要性         

       

            和em差不多 但是没有语意 是纯表现标签 现在h5用来表示图标

           

            和strong差不多  但是没有语意 是纯表现标签

                                       

            没有语意 单纯的表现标签  让内容字体变小  h5中用来表示一些细则或者版权申明         

       

            使用cite标签可以指明对某内容的引用或参 考。例如,戏剧、文章或图书的标题,歌 曲、电影、照片或雕塑的名称等 

       

            给内容自动加引号 是css样式 的短引用

       

            块引用或长引用  是独占一行的

       

            上标

       

            下标

       

            一般用来表示原价与现价

       

            ins表示插入的内容,显示时通常会加上下 划线。

            del表示删除的内容,显示时通常会加上删 除线

       

            表示执行保留格式     

       

            与pre结合起来用   

        三种列表:无序列表 用

创建;默认有实心圆的项目符号,可以用ul{list-style:none} 去掉项目符号(常用)

                        有序列表 用

创建;默认有数字的项目符号,也可以用ul{list-style:none} 去掉项目符号(常用)

                        定义列表 给词汇下定义

④文本样式

        长度单位 像素px

                      百分比% 相对于父亲的长宽设置大小

                      em 相对于字体来设置大小 1em=1font-size

                      用rgb(0-255,0-255,0-255)代替颜色单词

        表示颜色  rgb

                        颜色名

                        十六进制  000000-ffffff  要么三位  要么六位

        字体样式  font-size:**px

                      font-family:字体(可指定多个)

                      font-style:italic 斜体

                      font-weight:bold 字体粗细

                      font-variant:small-caps 小型大写字母

                      font:简写 可以设置所有和字体相关的样式  顺序是斜体 、小型大写字母、加粗是可以                随便顺序的 可写 可不写 但是文字大小和字体必须写 字体必须是最后一个 文字大小次之

        字体分类 衬线字体:serif 笔画结尾会顿描一下

                      等宽字体:monospace  字体宽度相同 容易对齐

                      草书字体:cursive  潦草一点

                      虚幻字体:fantasy 

                          一般把这几种大字体分类放在字体样式的末尾  当前面的都没有时采用这种大字体分                          类 一般采用衬线字体和非衬线字体

        行间距  **{line-height}设置行高  行间距 = 行高 - 字体大小

                    单行文字垂直居中需要给他设置一个行高  这个行高要跟父亲的行高一样  他就会默认垂                    直居中

        text-transform:控制文本大小写

                                  可选值:lowercase(全部小写)

                                              uppercase(全部大写)

                                              capitalize(首字母大写)

                                              none(正常)

        test-decoration :

                                  可选值:overline(上划线)

                                              underline(下划线)

                                                line-through(中线)

        letter-spacing:10px  :字符边距

        word-spacing:10px:汉子边距

        text-align:left 左对齐

                          right 右对齐

                          center 居中对齐

                          justify 两端对齐

        text-indent:2em  首行缩进、

你可能感兴趣的:(2019-05-28课堂随记)