`
Fangrn
  • 浏览: 818098 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

简单的几句CSS布局口诀

    博客分类:
  • j2ee
阅读更多

简单的几句CSS布局口诀,就可以写出精简,标准的样式。

 

一、IE边框若显若无,须注意,定是高度设置已忘记;

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

三、三像素文本慢移不必慌,高度设置帮你忙;

四、兼容各个浏览须注意,默认设置行高可能是隐患;

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。

九、IE浮动双边距,请用display:inline拘。

分享到:
评论

相关推荐

    CSS布局口诀

    ### CSS布局口诀详解 #### 一、IE边框若显若无,须注意,定是高度设置已忘记 此条口诀提醒我们在处理Internet Explorer(IE)浏览器中的边框显示问题时,需要检查元素的高度是否被正确设置。在IE中,如果一个带有...

    高效学习CSS布局之道

    高效学习CSS布局之道:通过244个范例掌握网页样式与布局技术

    CSS网站布局与美化,css

    CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与...

    css网站布局实录-2

    《CSS网站布局实录》第二版是一本深入探讨CSS在网页布局中的应用的专业书籍。它主要涵盖了以下几个核心知识点: 1. **CSS基础**:书中首先介绍了CSS的基础概念,包括选择器、属性和值,这些都是理解和编写CSS样式的...

    Div+CSS布局大全

    5. **Flex布局**:现代CSS布局技术,通过display:flex属性,能轻松实现一维(行或列)布局,具有自动调整元素大小和排列方向的能力,解决了浮动布局的一些问题。 6. **Grid布局**:CSS Grid提供二维网格布局,支持...

    利用CSS布局到底有多难?

    在网页设计领域,CSS(Cascading Style Sheets)布局是构建网页结构的关键技术。"利用CSS布局到底有多难?" 这个标题暗示了我们在探讨一个常见的挑战:如何有效地使用CSS来创建美观且功能完备的网页布局。这篇博客...

    table布局网页转换为div+CSS布局的转换软件

    `table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制样式、难以实现响应式设计等。`div+CSS`布局则通过分离结构和样式,提高了代码的可读性和可维护性,同时也为创建灵活的、响应式的网页提供...

    高级网站设计师手写代码篇(div+css布局)

    3. **CSS布局模式**:理解流体布局、固定布局、响应式布局等不同布局方式,以及如何使用CSS实现这些布局。 4. **浮动与清除浮动**:学习如何使用float属性进行元素的浮动布局,以及清除浮动的影响以防止布局混乱。 5...

    DIV+CSS布局练习

    在网页设计领域,`DIV+CSS`布局是现代网页制作的核心技术之一,它极大地提高了页面的可维护性和表现力。本资源"DIV+CSS布局练习"提供了一个经典的实例,适合那些想要深入理解和掌握`CSS`与`DIV`的开发者。在这个...

    Div+CSS 布局大全

    你正在学习 CSS 布局吗?是不是还不能完全掌握纯 CSS 布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解 CSS 处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构, 然后...

    divcss布局模板

    在这个模板中,`div`元素被用来组织页面的结构,而`css`(层叠样式表)则用于定义这些`div`元素的样式、位置和布局。 在HTML中,`<div>`是一个通用的容器标签,可以包裹任何数量的其他HTML元素。通过给`div`添加ID...

    高效学习css布局之道 源代码

    在IT行业中,CSS(Cascading Style Sheets)是网页设计不可或缺的一部分,用于控制网页的样式、布局和呈现。本资源“高效学习css布局之道 源代码”旨在帮助你深入理解CSS布局,并通过源代码实践来提升你的技能。以下...

    40个css布局模板

    在网页设计领域,CSS(Cascading Style Sheets)布局是构建网页结构的关键技术。它允许开发者通过样式表来控制网页元素的展示方式,包括位置、大小、颜色等属性。本资源"40个css布局模板"提供了一系列实用的CSS布局...

    38个CSS布局网站模板

    1. **CSS布局基础**:CSS布局主要分为流体布局、固定布局、混合布局和响应式布局等类型。流体布局使页面元素随浏览器窗口大小变化而自适应;固定布局则保持页面宽度不变,常用于桌面端设计;混合布局结合两者,兼顾...

    常见的CSS布局

    在网页设计中,CSS(Cascading Style Sheets)布局是构建网页结构的关键技术。它允许开发者控制网页元素的样式、位置以及整体呈现效果。本文将深入探讨“常见的CSS布局”这一主题,涵盖基本布局概念、常见布局模式...

    div+css布局大全

    在网页开发中,`div`元素作为块级元素,是构建网页结构的基础,而CSS则是控制网页样式和布局的核心工具。本资源包含一个名为“Div+CSS 布局大全.pdf”的文件,预计会涵盖以下关键知识点: 1. **HTML `div`元素**:`...

    CSS基础知识《Div+CSS 布局大全》 (PDF)值得一看!

    CSS布局是网页设计的核心,主要包括以下几种类型: 1. 流动布局(Flow Layout):这是最基本的布局方式,元素按照它们在HTML中的顺序从左到右、从上到下排列。 2. 定位布局(Positioning):通过设置`position`...

    divcss布局入门教程

    下面我们就开始一步一步使用DIV CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWork 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    css布局的简易模板

    这个"css布局的简易模板"提供了一种基础结构,可以帮助开发者快速搭建网页布局。在这个压缩包中,我们主要关注的是CSS(层叠样式表)在构建网页布局时的应用,尽管标签中提到了"javascript",但根据描述,我们将主要...

Global site tag (gtag.js) - Google Analytics