HTML CSS


  • 简介
  • 目录大纲
  • 最新文档
  • 文集下载

    清除浮动(float)

    思考: 我们前面浮动元素有一个标准流的父元素,他们有一个共同的特点,都是有高度的。 但是,所有的父盒子都必须有高度吗? 理想中的状态,让盒子撑开父级,有多少子子元素,我父盒子就多高。 但是...... 3.1为什么要清除浮动? 由于父级盒子很多情况下,不方便给高度,但是盒子浮动又不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子。 •由于浮动元素不在占用原文档流的位置,所以他………

    Administrator - April 27, 2021, 9:47 p.m.


    浮动特性(重难点)

    1.5浮动特性(重难点) 加了浮动之后的元素,会具有很多特性,需要我们掌握的。 ==1.浮动元素会脱离标准流(脱标)== 设置了浮动(float)的元素最重要特性: 1.1 脱离标准普通流的控制(浮)移动到指定位置(动),(俗称==脱标==) 1.2 浮动的盒子==不在保留原来的位置== 2.浮动的元素会一行内显示并且元素顶部对齐 2.1如果多个盒子都设置了浮动,则他们会按照属性值==一行内显示………

    Administrator - April 25, 2021, 10:45 p.m.


    为什么需要浮动?

    1.3 为什么需要浮动? 提问:我们用标准流能很方便的实现如下效果吗? 1.如何让多个盒子(div)水平排列成一行? 代码样式: ```html 三个盒子横排 .box1 { width: 33%; height: 100px; background-co………

    Administrator - April 25, 2021, 9:37 p.m.


    什么是浮动?

    1.4什么是浮动? float属性用于创建浮动框,将其移动到另一边,知道左边缘或者右边缘触及包含块或另一个浮动框边缘。 语法: 选择器{float:属性值;} | 属性值 | 描述 | | --- | --- | |none|元素不浮动(默认值) | |left |元素向左浮动 | |right | 元素向右浮动 | 代码样式: ```html ………

    Administrator - April 25, 2021, 9:35 p.m.


    浮动(float)

    1.1传统网页布局的三种方式 网页布局的本质—用CSS来摆放盒子。把盒子摆放到相应的位置 css提供了三种传统布局方式(简单说就是盒子如何进行排列顺序); 1. 普通流(标准流) 2.浮动 3.定位 1.2标准流(普通流/文档流) ==所谓的标准流:就是标签按照规定好默认方式排列== 块级元素会独占一行,从上到下顺序排列 •常用元素:div、hr、p、h1-h6………

    Administrator - April 25, 2021, 8:25 p.m.



    Administrator