• CSS常用内容总结(二)


    接常用总结一

    1.display

    display:none  此标签不显示

    display:block  将行内标签当做块级标签

    display:inline  将块级标签当做行内标签

    display: inline-block;  同时具有inline和block的特点,具有inline的特点:默认自己有多少还是占多少;

                            具有block的特点:可以设inline(行内)标签无法设置的高度,宽度,padding,margin。

    注:行内标签无法设置高度,宽度,padding,margin。

    2. float浮动

     让块级标签飘起来。

    float: {left || right || top  || bottom }指定飘到的位置。

    常常后面还要跟一个标签写上clear: both; 清除浮动,为了让父级标签和下面float的子级标签联系起来。

    3.position

    看这个吧,很详细。http://www.cnblogs.com/canuseethat/archive/2010/09/16/1827804.html

    4.opacity 设置透明度

    5. overflow

    当一个div里放一张图片时,图片可能很大,这时候可以通过overflow来配置图片在这个div里的显示。

    overflow: hidden; 超过div大小的地方隐藏;

    overflow: auto;  以滚动条的形式显示图片;

    6. hover

    鼠标移动到某个标签上时样式生效。

    #header:hover{ background-color:red }

    最后随意记几点:margin: 0 auto; 设置一个div居中

    text-align: center; 设置文本水平方向居中

    line-height  垂直方向根据标签高度居中

  • 相关阅读:
    冲刺周2
    java 流
    java 线程控制方法
    java界面编程(下)
    java 界面编程(上)
    java数组
    java 异常
    java程序中的存储区
    java中稍微有些陌生的关键字
    IOCP服务器搭建
  • 原文地址:https://www.cnblogs.com/NoYone/p/8305055.html
Copyright © 2020-2023  润新知