刘铁崧吧 关注:4贴子:170
  • 5回复贴,共1

【前端技术】CSS核心技术

只看楼主收藏回复

CSS核心技术之——【FLOAT】
快内布局放置不下自动挤压到下一行中:
代码实现:
未限制宽度前代码以及网页显示效果:


限制宽度后float显示的样式效果:



1楼2015-12-21 17:04回复
    哇 好流弊啊~~~


    IP属地:江苏2楼2015-12-21 17:11
    收起回复
      CSS核心技术之——【position】
      position的属性:
      relative——即使偏移,位置还在。实质就是靠近最近的元素进行便宜,不分定位。
      absoulte——偏移了,位置就不存在。靠最近的元素是relative/absoulte定位的进行偏移。
      准备工作:

      添加position:relative;——可以让元素进行偏移:选中代码为后添加代码
      ps:relative不脱离文档流


      添加position:absolute属性
      ps:使用absolute会脱离文档流<但是依旧依赖最外层元素>


      position:fixed属性《IE6不支持》
      ps:悬浮窗效果(注意右侧滚动条)




      IP属地:黑龙江3楼2015-12-22 11:56
      回复
        CSS核心技术之——【line-height】
        ps:html默认字体大小:16px
        属性:
        normal 默认 设置合理的行间距
        number 设置数组,此数字会与当前的字体尺寸相乘来设置行间距
        length 设置固定的行间距
        %基于当前字体尺寸的百分比行间距
        inherit 规定应该从父元素继承line-height属性的值(应用的较少)


        IP属地:黑龙江4楼2015-12-22 14:35
        回复
          CSS核心技术之——【水平居中和垂直居中】


          设置块的水平居中







          IP属地:黑龙江5楼2015-12-22 15:14
          回复