zoukankan      html  css  js  c++  java
  • 标签显示模式

    样式分为:1、行内样式表2、内部样式表3、外部样式表

    三种样式区别:

    权重又高到低:行内样式>内部样式>外部样式。

    使用推荐又高到低:外部样式>内部样式>行内样式。

    控制范围:行内控制一个标签,内部控制一个页面,外部控制多个页面。

    样式分离度由高到低:外部>内部>行内

    标签显示模式分为:块级标签,行内标签,行内块标签。

    块级元素(block):h1~h6,p,div,ul,ol,li。
    特点:1,总是从新行起,2,高度,行高,外边距以及内边距都可以控制,3宽度默认是100%,4可以容纳内联连元素和其他元素。

    行内元素inline:a,strong,b,em,i,del,s,ins,u,span。
    特点:  1,和相邻行内元素在一行上。2,高,宽无效,但水平方向的padding和margin可以设置 ,垂直方向无效。3默认宽度就是他本身的宽度,4,行内元素只能容纳文本或其他行内元素(a特殊);
    批注:链接内不能发,p,h1~后内不能放块级元素。

    行内块元素:img,input,td,可以设置宽高和对齐元素,
    特点:1,和相邻的行内元素(行内块)在一行上,但是之间会有空隙。2,吗默认宽度就是他本身的容量的宽度,高度,行高,外边距以及内边距都可以控制。

    display:元素模式转换。
    block,行内转块      inline块转行内    inline-block行内块模式转变为块内块元素显示模式。

  • 相关阅读:
    CPU时间戳获取
    练手记录
    Fibonacci 2
    gjd
    hdu 5785 Interesting(manacher+前缀和)
    hdu 5782 Cycle(KMP+hash)
    hdu 5741 Helter Skelter(扫描线)
    Educational Codeforces Round 25 G. Tree Queries
    Educational Codeforces Round 25 F. String Compression(kmp+dp)
    Codeforces Round #423 (Div. 2) D. High Load(构造题)
  • 原文地址:https://www.cnblogs.com/codeByWei/p/11942918.html
Copyright © 2011-2022 走看看