zoukankan      html  css  js  c++  java
  • CSS笔记2

    25. Flow

    流是就是浏览器在HTML页面上摆放元素的方法,它从上到下依次摆放一个个块元素,在每一个块元素的内部依次从左到右依次摆放每一个内联元素。

    26 边框的处理

    浏览器在放置内联元素的时候,它总会像我们期望的那样放置,如果两个内联元素并列放置,左边那个元素的左外边距是10px,右边的元素的右外边距是10那个这两个元素的距离是20px。而当浏览器上下放置两个元素时这就有意思了,它会发生重叠,然后选取最宽的一个外边距作为两个元素的外边距。

    26. 浮动元素

    如果你设置了一个浮动元素,那么这个元素会从浏览器的流删除,而浏览器中流会围绕着这个元素流动。如果把页面主要分为左右两栏,指定左边元素的右外边距,然后让边栏浮动到它的外边距上。浮动元素是浮在页面上,它不会真正的触及页面中的流元素,因此不会发生边框重叠问题

    27 解决重叠问题

    Css有一个属性,把不允许元素的周围有元素浮动。

    clear: right;                     不允许元素的右边有元素浮动。

    28.左紧右松

    在两个元素的一个元素的宽度,和另一个元素的外边框相同时,这两个元素会出现一个

    29 冻结布局

    元素不会随着浏览器的宽度的改变,而改变。

    30. 绝对定位

    浏览器先从流中删除该元素,然后在根据其中的top和right指定,该元素的放置位置。而且还可以重叠,每一个定位的元素都有一个z-index,其值越大,离我们越近。

    31 position

    它有四个值:static,元素会正常的放置在流中

    absolute,元素会从流中删除元素,然后根据指定的位置,放置元素

    fixed,这是让元素放置在一个相对浏览器的位置

    relative 元素会正常的流入流内,但是在显示的时候,有一点漂移,这常用来显示一些高级效果。

    自己选的路,跪着也要把它走完------ACM坑
  • 相关阅读:
    处理溢出
    电梯调度之需求分析
    求二维矩阵和最大的子矩阵
    四则运算改进,结果判断
    结对开发
    四则运算题测试阶段
    阶段二站立会议(2)
    阶段二站立会议(1)
    课程改进意见
    场景调研
  • 原文地址:https://www.cnblogs.com/IKnowYou0/p/6077761.html
Copyright © 2011-2022 走看看