• Web学习之CSS总结


    银角大王武Sir的博客地址

    1.positoin属性固定元素的定位类型

    说明:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而无论该元素是什么类型。相对定位元素会相对于它在正常流中的默认位置进行偏移

    默认值 static
    继承性 no
    版本 CSS2
    Javascript语法 object.style.position="absolute"

    可能的值  

    描述
    absolute

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

    元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定

    fixed

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

    元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定

    relative

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

    因此left:20px;表示向元素的left方向偏移20px

    static 默认值,没有定位,元素出现在正常的流中(此时忽略top、bottom、left、right)
    inherit 规定应从父元素继承position属性的值

    2.margin外边距

    说明:margin(外边距)定义元素周围的空间,属性接受任何长度单位、百分数甚至负数

    可能的值

    说明
    auto

    设置浏览器的间距

    这样做的的效果会依赖浏览器

    length 定义一个固定的margin(使用像素,pt、em等)
    % 定义一个使用百分比的边距

    3.float浮动  

    说明:定义元素在那个方向浮动,浮动元素会生成一个块级框

    注意使用float会是周围的元素重新排列,需要清除浮动。

    4.z-index图层级别

    说明:定义元素的图层级别,界别越高,限制最外层

    5.解决img标签间距问题

    猛戳这里

    6.块级标签和内联标签的区别

    猛戳这里

  • 相关阅读:
    Java:JSON和Map相互转换
    Mysql Join语法解析与性能分析
    python MySQLdb 字典(dict)结构数据插入mysql
    boost thread 参数传递
    gnuplot 教程
    Visual Studio 不同版本对C++11的支持进度
    werqtrr
    python pip 修改为国内源
    命名管道不能实现局域网内通信,该怎么处理
    飞思卡尔单片机P&E开发工具硬件及软件
  • 原文地址:https://www.cnblogs.com/it-q/p/9238267.html
Copyright © 2020-2023  润新知