Css笔记Day08

作者: 兔子和猪 | 来源:发表于2017-03-01 20:58 被阅读1次

一、浮动

1、清除浮动语法: 选择器{clear:属性值}

属性值:right:不允许右侧有浮动(清除右侧浮动影响);

left:不允许左侧有浮动元素(清除左侧浮动的影响);

both:同时清除左右两侧的浮动;

2、清除浮动的四种方法:

1) 使用空标记清除浮动;

2)使用overflow属性清除浮动

3) 使用after伪对象清除浮动

4)使用before after伪对象清除浮动

二、元素定位

语法: 选择器{position:属性值}

static:自动定位(默认定位方式)

relative:相对定位,相对于其原文档流的位置进行定位

absolute:绝对定位,相对于其上一个已经定位的父元素进行定位

fixed:固定定位,相对于浏览器窗口进行定位

边偏移定位:

top顶端偏移量,定义元素相对于其父元素上边线的距离

bottom底部偏移量,定义元素相对于其父元素下边线的距离

left左侧偏移量,定义元素相对于其父元素左边线的距离

right右侧偏移量,定义元素相对于其父元素右边线的距离

绝对定位的特性:

包裹性:根据实际内容来撑开绝对定位元素的大小。

破坏性:导致父容器塌陷,由于脱离了文档流,导致父容器塌陷。

悬浮性:会漂浮起来,在原始流的元素之上。

相关文章

  • Css笔记Day08

    一、浮动 1、清除浮动语法: 选择器{clear:属性值} 属性值:right:不允许右侧有浮动(清除右侧浮动影响...

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • CSS 自学笔记(上)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 1. 简介 CSS 是层叠样式表...

  • Java面向对象,继承,this,super,重写,final

    day08笔记【Java面向对象,继承,this,super,重写,final】 1_面向对象(代码块的概述和分类...

  • day09

    A我今天学习到了什么 1温习day08的知识点 1.公共样式的提取 2.css 2d转换(transform) 3...

  • CSS 自学笔记(下)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 代码简写 布局缩写 paddin...

  • 《思维导图》13章 Day08 用导图记笔记

    #一起成长读书#锦荣阅读分享第10天#《思维导图》13章 Day08用于组织他人观点(记笔记) 用思维导图记笔记的...

  • CSS学习笔记(2018-07-29)

    CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...

  • js操作样式

    CSS HTML 笔记

  • 搬砖

    2022.01.08 day08 早上六点多起床,看了20页书,写了读书笔记。 昨天做大门的师傅打电话给我,说如果...

网友评论

    本文标题:Css笔记Day08

    本文链接:https://www.haomeiwen.com/subject/skucgttx.html