`
liboxlu
  • 浏览: 65089 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css经验总结

CSS 
阅读更多
1、box最后的显示大小等于box的border及border内的大小加上正的 margin值。而负的margin值不会影响box的实际大小,如果是负的top或left值会引起box的向上或向左位置移动,如果是bottom或 right只会影响下面box的显示的参考线。
2、我们经常向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。

<div class="clear"></div>
.clear{
    clear:both;
    height:0;
    overflow:hidden
}
有时候怎么调都不通的时候,在元素上面加上上面属性的div块,可能能帮你解决问题。
解释:
clear :  none | left |right | both

参数:

none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象

分享到:
评论

相关推荐

    CSS学习,css经验总结

    **CSS简介** CSS,全称为层叠样式表(Cascading Style Sheets),是用于描述HTML或...通过深入理解CSS的原理和技巧,无论是初学者还是经验丰富的开发者,都能更好地掌握网页设计的精髓,创造出美观且功能完善的网站。

    CSS制作网页总结经验

    CSS制作网页总结经验,CSS制作网页总结经验,CSS制作网页总结经验

    CSS+DIV编写经验总结之CSS样式小模板

    ### CSS+DIV编写经验总结之CSS样式小模板 #### 概述 随着互联网技术的不断发展,Web前端设计已经成为了一个至关重要的领域。对于前端开发者来说,掌握CSS+DIV布局技巧是必不可少的一项技能。本文将根据提供的内容...

    CSS样式表学习经验总结

    本文将深入探讨如何学习和运用CSS样式表。 首先,我们可以将CSS样式表分为四种主要的使用方式: 1. **链入外部样式表**:这是最常见的方式,通过`&lt;link&gt;`标签在HTML文件的`&lt;head&gt;`部分引用一个`.css`文件。这样做...

    Html与Css学习笔记以及经验总结

    这篇学习笔记和经验总结将深入探讨这两者的核心概念,帮助初学者快速掌握这两门技术。 首先,HTML是用于创建网页内容的标记语言。它由一系列元素组成,这些元素通过标签表示,比如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等。...

    CSS实战学习总结,很不错的

    ### CSS实战学习总结 ...《CSS实战学习总结》一文通过详实的案例分析和实用的技巧分享,为读者提供了从理论到实践的全方位指导,无论是初学者还是有经验的开发者,都能从中获得有价值的启示和帮助。

    DIV+CSS难点之经验总结(技术文档).

    **DIV+CSS难点详解** 在网页设计领域,`DIV+CSS`是一种常用的技术组合,用于实现页面布局和样式控制。`DIV`元素作为容器,可以容纳其他HTML元素,而CSS...在实际项目中,不断学习和积累经验,将有助于克服这些难点。

    DIV+CSS建站经验总结

    【DIV+CSS建站经验总结】 在Web开发中,DIV+CSS是一种常用的技术,用于构建网页的布局和样式。这种技术使得网页设计更加灵活、可维护性更强,并且有利于搜索引擎优化(SEO)。以下是对DIV+CSS建站经验的详细解析: ...

    css使用技巧及经验总结.docx

    以下是对一些实用CSS技巧和经验的总结,可以帮助你更高效地使用CSS进行网页设计。 1. 单行文本垂直居中: 要实现单行文本在容器内的垂直居中,你可以设置`line-height`属性等于容器的高度。例如: ```css .test { ...

    新手学习DIV+CSS难点之经验总结

    ### 新手学习DIV+CSS难点之经验总结 #### 一、网页居中显示 要实现网页居中显示,需要从两个方面入手:一是对`body`进行设置,二是对外层的`div`进行设置。 **CSS示例代码:** ```css body { margin: 0 auto; /*...

    css知识点总结包含xmind文件

    总之,这个压缩包提供的CSS知识点总结资源是全面且多样的,无论你是初学者还是经验丰富的开发者,都能从中找到提升自己CSS技能的路径。通过深入学习和实践,你可以更好地驾驭这门强大的样式表语言,为你的网页设计和...

    DIV+CSS自学总结手册

    【DIV+CSS自学总结手册】是一本专门为初学者设计的学习指南,旨在帮助新手掌握网页布局的核心技术——HTML的DIV元素和CSS(层叠样式表)。这个压缩包包含了作者在学习过程中积累的宝贵经验和技巧,是经过实践检验的...

    基于Vue、JavaScript、HTML、CSS的Vue框架设计经验总结与教训分享

    此外,该项目的开发过程中的各种教训和经验总结,对于避免常见的开发陷阱和提升开发质量具有重要的指导意义。 该项目通过将丰富的文件类型和实用的开发知识结合,为Vue开发者提供了一个学习和参考的宝库。无论是在...

    新手学习DIV+CSS难点之经验总结.pdf

    DIV+CSS常见难点解决方案总结 在学习DIV+CSS时,许多新手都会遇到一些常见的问题,本文总结了八个常见的问题和解决方案,涵盖了网页居中显示、文字垂直居中显示、图片垂直居中显示、清除浮动、多列结构的DIV写法、...

    css经典教程 css电子书

    ### CSS经典教程知识点详解 #### 一、CSS简介与基础...无论是对于初学者还是有经验的开发者来说,掌握CSS都是非常必要的。从基础知识到高级特性,从理论到实践,CSS提供了无限的可能性来构建美观且功能强大的网站。

    CSS命名规范(个人总结)

    以下是一些关于CSS命名规范的关键点,这些都是基于个人经验的总结: 1. **大小写规则**:推荐使用小写字母来编写CSS选择器,这符合CSS标准且易于阅读。例如,`#header`、`.mainContent`。 2. **ID和类名**:ID通常...

    visualcss CSS 编辑可视工具

    总结来说,"visualcss CSS 编辑工具"是一款强大的可视化CSS编辑软件,它将代码编辑与实时预览完美结合,为网页设计师提供了高效、直观的工作平台。无论你是CSS新手还是经验丰富的开发者,都能从中受益,提升你的CSS...

    css-handbook_handbook_css_

    **CSS(层叠样式表)手册** 在网页设计和开发领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它负责定义HTML或XML(包括SVG、...无论是初学者还是经验丰富的开发者,这样一本CSS手册都是宝贵的学习资料。

    优米CSS样式库(umi.css) v1.5.1

    在线demo//hua-mi.cn/umi-css优米css是苏州优米软件的开源样式库,苏州优米软件在研发软件产品的过程中,对web页面排版样式的经验累积并总结成通用框架。适用于企业级web项目、移动APP项目等。对于入职苏州优米软件...

    css 调试方法与经验总结

    本总结不断更新,主要记录本人调试过程中所终结的经验与方法。 毕竟本人不是做浏览器前端的,所以如有不详敬请见谅。 css关系到界面的美观,有时候功能实现了。界面确丑到没人用,终归还是一件失败的产品,所有好...

Global site tag (gtag.js) - Google Analytics