zoukankan      html  css  js  c++  java
  • 第好几天。

      line-height 行高

        文字在当前这一行当中所占用的高度

        行高包括了文字以及上下的留白

        在没有设置行高时,默认自带行高

        行高所占用的空白区域,分别平均分配在文字的上下两边

        行高会占位置,并且可以撑开容器

        1.在没有给容器设置高度和行高时

          文字上下的行高空白区域大小是根据文字大小进行变化的

        2.容器有高度没有行高时

          高度始终固定,文字有默认行高

        3在没有给容器设置高度,但是设置了行高时

          会根据行高进行容器高度的变化

          行高为0 容器高度为0

          行高非0,容器高度是行高的值

        4 容器有高度有行高时

          容器始终以高度设置的值为准

          行高不会影响容器的高度,会根据行高值进行纵向移动

        行高和高度一致时,文字会垂直居中

    行高测量

      1,有边框或者参考物的时候

      从参考物到文字的顶端所得出的值在放到文字的下方

      行高= 当前文字大小+上下留白

      2 没有参考物的情况下

        1。从第一行文字的顶端量到第二行文字的顶端 ,得到测量值

        (测量值 -当前文字大小 )/2  平均分配到文字的上下两端

      3 行高为奇数

        文字顶端的行高留白少1px

        文字底部的行高留白多1px

    text-align 文本对齐方式

     left (默认值) center right

    text-indent 首行缩进 1em = 当前字体大小

    text-decoration   添加到文本的修饰

      none 标志文本。underline 文本下的一条线。overline 文本上的一条线

      line-through 穿过文本下的一条线 blink 闪烁的文本  inherit 从父元素继承text-decotation的值

    letter-spaceing 字母间距 (px)

    word-spacing 单词间距 (px)

    white-space  nowrop  强制不换行 normal 正常

    padding 内填充 在边框里面 内容区域外面

    特性。影响容器的大小 (宽高)

    margin 外边距 在边框外面 与同级元素之间的间隔或者与父级边界之间的距离

    特性 不会影响容器的大小(宽高) 元素会有位移

    top right bottom left

    id 选择器 唯一 当前页面同一个id 只能有一个

    类选择器 css 

    块元素 div p。。

      1.默认独占一行

      2.在没有宽度时,默认撑满父级宽度

      3.支持所有css命令

    内联元素。 body  a span em 。。。

      1.在一行中可以放置多喝同类型的(内联)元素

      2.内容撑开宽度

      3.不支持宽高

      4.不支持上下的margin

      5.代码换行被解析

    display 显示时所做的一些事情

      block 块 

        使内联元素具备块属性标签的特性

      inline 内联

        使块属性具备内联元素的特性

    inline-block 内联块

      1.块元素能在一行显示

      2.内联元素能设置宽高

      3.没有宽度的时候内容撑开宽度

      4.代码换行被解析

      5.ie6.7 不支持

    伪类 给某个标签添加特殊的效果

     :link 链接为被访问时

    :visited 链接被访问后

    :hover 鼠标悬停时

    :active 鼠标按下时

    a 标签的hover 伪类时可以兼容所有浏览器的

    a:hover{

    color:red;

    }

    当鼠标悬停时 颜色变成红色

  • 相关阅读:
    小米6刷机开启root权限
    C标准库堆内存函数
    UE4打印到HUD的Stat命令
    Blueprint Stats插件
    PC与Mobile硬件架构对比
    atomic原子编程中的Memory Order
    Windows10下开启D3D11的Debug Layer
    【数据结构】树存储结构
    【数据结构】哈希表
    【算法】查找算法
  • 原文地址:https://www.cnblogs.com/panfeng1104/p/7071008.html
Copyright © 2011-2022 走看看