• 那些熟悉又陌生的 css2、css3 样式,持续复习


    initial关键字:

              除了 Internet Explorer,其他的主流浏览器都支持 initial 关键字。

           Opera 15 之前的版本不支持 initial 关键字。

           initial 关键字用于设置 CSS 属性为它的默认值。

           initial 关键字可用于任何 HTML 元素上的任何 CSS 属性。

    overflow :

           所有主流浏览器都支持 overflow 属性。

           注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    visible 默认值。内容不会被修剪,会呈现在元素框之外。
    hidden 内容会被修剪,并且其余内容是不可见的。
    scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
    auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
    inherit 规定应该从父元素继承 overflow 属性的值。

    position:

    absolute

    生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    fixed

    生成绝对定位的元素,相对于浏览器窗口进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    relative

    生成相对定位的元素,相对于其正常位置进行定位。

    因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

    static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
    inherit

    规定应该从父元素继承 position 属性的值。

    center

    absolute一致,但偏移定位是以定位祖先元素的中心点为参考。盒子在其包含容器垂直水平居中。(CSS3)

    page absolute一致。元素在分页媒体或者区域块内,元素的包含块始终是初始包含块,否则取决于每个absolute模式。(CSS3)
    sticky 对象在常态时遵循常规流。它就像是relativefixed的合体,当在屏幕中时按常规流排版,当卷动到屏幕外时则表现如fixed。该属性的表现是现实中你见到的吸附效果。(CSS3)

    display:    

            none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

            inline:指定对象为内联元素。

                             block:指定对象为块元素。

     list-item:指定对象为列表项目。

    inline-block:指定对象为内联块元素。(CSS2)

    table:指定对象作为块元素级的表格。类同于html标签<table>(CSS2)

    inline-table:指定对象作为内联元素级的表格。类同于html标签<table>(CSS2)

    table-caption:指定对象作为表格标题。类同于html标签<caption>(CSS2)

    table-cell:指定对象作为表格单元格。类同于html标签<td>(CSS2)

    table-row:指定对象作为表格行。类同于html标签<tr>(CSS2)

    table-row-group:指定对象作为表格行组。类同于html标签<tbody>(CSS2)

    table-column:指定对象作为表格列。类同于html标签<col>(CSS2)

    table-column-group:指定对象作为表格列组显示。类同于html标签<colgroup>(CSS2)

    table-header-group:指定对象作为表格标题组。类同于html标签<thead>(CSS2)

    table-footer-group:指定对象作为表格脚注组。类同于html标签<tfoot>(CSS2)

    run-in:根据上下文决定对象是内联对象还是块级对象。(CSS3)

    box:将对象作为弹性伸缩盒显示。(伸缩盒最老版本)(CSS3)

    inline-box:将对象作为内联块级弹性伸缩盒显示。(伸缩盒最老版本)(CSS3)

    flexbox:将对象作为弹性伸缩盒显示。(伸缩盒过渡版本)(CSS3)

    inline-flexbox:将对象作为内联块级弹性伸缩盒显示。(伸缩盒过渡版本)(CSS3)

    flex:将对象作为弹性伸缩盒显示。(伸缩盒最新版本)(CSS3)

    inline-flex:将对象作为内联块级弹性伸缩盒显示。(伸缩盒最新版本)(CSS3)

  • 相关阅读:
    绑定方法与与绑定方法
    组合 多态 封装
    继承
    面向对象
    函数进阶
    文件操作
    字符编码
    python基本数据类型及操作
    IDEA 错误: 找不到符号
    Spring+MVC Controller层接收App端请求的中文参数乱码问题。
  • 原文地址:https://www.cnblogs.com/1rookie/p/7183263.html
Copyright © 2020-2023  润新知