zoukankan      html  css  js  c++  java
  • 表格属性和BFC(block framing content)

    th和tr都是表示列但是 th有一个居中加粗的效果。 

    表单是由 :

      1表单域:<form name=" " method="get/post"  action=" "></form>

      2表单控件:<input type="text" value=" ">

      3提示信息

    表单字段集:

      语法 : <fieldset disabled=" "></fieldset>

      说明: 相当于一个方框,在字段集中可以包含文本和其他元素。该元素用来给表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套,在其内可以嵌套可以设置多个fieldset标签 disabled用来设置禁用。其实就是一个边框类似div。

      字段级标题:

    语法:<legend align="left/center/right/justify"></legeng>

        说明:legend元素可以给fieldset对象绘制一个方框内插入一个标题。legend元素必须是fieldset内的唯一个元素。

      提示信息标签:

      label 语法:<lable for=" 绑定控件的id名"></label>

      说明:label元素用来定义标签,为页面上的其他元素指定提示信息,要将label元素绑定到其他的控件上,可以将lable元素的for属性设置为与该控件的id属性值相同。

      上传文件框:

      语法:<input type="file" multiple="multiple"/>

      说明:type属性新增的类型有:file文件类型,可进行文件的选择,multiple属性可实现多选,但是在IE9以下是不支持的。

      border-spacing用来给表格的单元格与单元格之间间隙

      border-collsapse:separate/collapse;用来合并相邻单元格边框的 

      无内容时候单元格的设置:empty-cells:show/hide;用来给单元格显示有隐藏。

      显示单元格行和列的算法(加快运行速度:)table-layout:auto/fixed;

      上的面的内容都是给table加的。

    html的重要属性:

      colspan="" 合并列

      rowspan=" "合并行

      rules="groups/rows/cols/all/none/" 添加组分隔线

    说明:rows:位于行之间的线条 cols:位于列之间的线条

      all:位于行和列之间的线条  groups:位于行组和列祖之间的线条

      none:没用线条

      <colgroup span="value"></colgroup>

      <col span=" value"/>

      col和colgroup元素会根据从左到右的顺序依次对数据表格进行分组。

      span属性显示指定相邻几列组成一组,span的默认属性为1,默认时仅定义一列为一组。

      可以通过给table添加rules="groups"属性来给分组列添加组的分割线。注意col没用这个功能。

      thead和tbody,tfoot  th类似于td但是会加粗和居中显示

    BFC布局规则和一些特性:

     1 内部的Box会在垂直方向,一个接一个地放置。

     2 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻BOX的margin会发生重叠。

    3每个元素的margin box的左边,与包含块border box 的左边相接触(对于从左往右的格式化,否则相反。)即使存在浮动也是如此。

    4BFC的区域不会与float box 重叠。

    5 BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之如此。

    6 计算BFC的高度时,浮动元素也参与计算。

    什么是BFC? 如何生成BFC?

      1根元素 html

      2 float 属性不为none;

      3 position为absolute或fixed

      4display为inline-block,table-cell,table-caption,flex,inline-flex

      5 overflow不为visible

      

     

     

  • 相关阅读:
    QT 信号槽 异步事件驱动 单线程 多并发
    Qt 静态库与共享库(动态库)共享配置的一个小办法
    关于:有符号与无符号整数的大小比较
    QT信号槽 中的对象野指针
    Qt程序打包发布
    Qt程序打包发布
    SQL Server 2012 sa 用户登录 18456 错误 (转)
    QtCreator常用之快捷键
    opengl中相关的计算机图形变换矩阵之:模型视图几何变换
    opengl中相关的计算机图形变换矩阵之:齐次坐标 (摘编)
  • 原文地址:https://www.cnblogs.com/l8l8/p/8560621.html
Copyright © 2011-2022 走看看