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行内块模式转变为块内块元素显示模式。

  • 相关阅读:
    WeChat小程序开发(五、前端总结)
    前端实现复制到剪贴板
    vue的自定义指令含大写字母会失效
    如何把网页变成黑白
    原生JS offsetX和offsetY引起抖动
    jQuery中prop方法和attr方法区别
    Js for循环中的闭包 & let和var的混用对比
    html和body标签默认高度为0带来的影响
    JS字符串数组降维
    CSS浮动流脱标的字围现象
  • 原文地址:https://www.cnblogs.com/codeByWei/p/11942918.html
Copyright © 2011-2022 走看看