• 表格属性和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

      

     

     

  • 相关阅读:
    hdu1240 bfs 水题
    hdu 2102 BFS
    gym 101081E Polish Fortress 几何
    Gym 101081K Pope's work dp
    hdu 6188 贪心
    hdu 6186 水
    Codeforces Round #430 (Div. 2) A B 水 C dfs,思维 D trie,二进制
    hdu6152 拉姆齐定理
    hdu6165 缩点,dfs
    hdu6153 扩展KMP
  • 原文地址:https://www.cnblogs.com/l8l8/p/8560621.html
Copyright © 2020-2023  润新知