• 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  垂直方向根据标签高度居中

  • 相关阅读:
    vue学习 基本简介,安装,示例,options
    python操作谷歌翻译
    Celery笔记
    nps内网穿透笔记
    初学django基础05 路由系统,django的请求与返回
    初学Django基础04 http|jsonresponse,filter模板过滤器,cvb与fvb
    计数二进制字符串
    字符串相加
    类与对象
    Arrays
  • 原文地址:https://www.cnblogs.com/NoYone/p/8305055.html
Copyright © 2020-2023  润新知