HTML+CSS基础之兼容性问题

1、在IE6/7下元素要通过浮动在同一行,就给这行元素都加浮动。

2、最小高度问题:在IE6下,元素的高度小于19px时,会被当做19px处理,解决方案:overflow:hidden;

3、1px dotted在IE6下不支持,解决方案:切背景平铺。

4、IE6/7下,inline-block不支持块标签;暂无解决办法

5、IE6下的双边距bug:在ie6下,块元素、浮动、横向margin值,横向margin值会放大成两倍:解决方案:display:inline,注意:如margin-right,则一行右侧第一个有双边距bug,如margin,则一行两侧第一个都有双边距,其他无。

6、在IE6/7下,li本身没浮动,但是li的内容是浮动,每个li下边就会产生间隙,解决方案:1、给li加浮动,给li加width(如果不加浮动,则li宽度由内容撑开),但是也得给父级加清除浮动,不太可取;解决方案2、给li加vertical-align:top,当IE6下最小高度问题(解决方案:overflow:hidden)和li间隙问题共存,则给li加浮动

7、在IE6下,当一行子元素占有的宽度之和和父级的宽度相差超过3px,或者子元素有不满一行状态的时候,最后一行子元素的下margin在IE6下就会失效

8、在IE6下,两个浮动元素之间有注释或者内联元素并且浮动元素宽度和父级元素相差不超过3px,则会出现文字溢出bug,解决方案:则避免出现这两个问题

时间: 2024-08-08 04:39:26

HTML+CSS基础之兼容性问题的相关文章

蓝鸥零基础学习HTML5—html+css基础

蓝鸥零基础学习HTML5-html+css基础 一.课程目标 1.了解前端开发职位:2.掌握常用标签以及语义及用法:3.掌握常用css的特性,掌握基础布局技巧:4.掌握整站规划概念. 二.适用人群 零基础积极学习html5者 三.课程简介 本课程主要讲解了 html+css的基础知识,包括html模板.标签.css基础样式.布局.表格表单.整站等等,是进行前端开发的基础.Html+css是前端开发的基础,大部分前端开发工程都需要从html+css布局开始,html+css的基础非常重要,是前端开

CSS基础知识---浮动,定位和盒模型

转载请注明出处! 需要掌握的三个最重要的CSS概念是浮动,定位和盒模型. 盒模型概述: 页面上的每个元素都被看做一个矩形框(元素框or盒模型),这个框由元素内容,内边距,边框和外边距组成. 内边距出现在内容区域的周围,如果为元素添加背景,那么背景就会应用于由内容和内边距组成的区域.添加边框会在内边距的区域外边加一条线.在边框外边是外边距,外边距是透明的,一般用它来控制元素之间的间隔. 内边距,边框,和外边距是可选的,默认值为零.但是许多元素由用户代理样式表设置了外边距和内边距,我们可以将元素的m

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl

关于CSS基础框架的学习

什么是CSS基础框架? CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块,用于简化web前端开发的工作,提高工作效率. 为什么需要研究和使用它? 在当前浏览器很多 而且各有差异的情况下 如何统一样式 兼容大部分浏览器是很有必要的 从具象的表现中抽出抽象的模块来重复使用,是减少用户下载.方便团队及个人开发最重要的手段.所以CSS框架就很有必要了 现在有哪些比较著名的框架? 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当

html+css基础笔记

最近在学习前端方面的知识,以下是学习完html+css基础知识之后做的笔记,大家可以参考,想了解更多推荐大家去慕课网(http://www.imooc.com/)上学习. 首先学习之前需要了解: 1. HTML是网页内容的载体 2. CSS样式是表现 3. JavaScript是用来实现网页上的特效效果 HTML <em>需要强调的文本</em> <strong>需要强调的文本</strong> <span>标签是没有语义的,它的作用就是为了设置

h5 . css入门 2.CSS基础

CSS基础 学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释 一.CSS简介 英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发

HTML3/CSS基础

1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编译,直接由浏览器执行 HTML文件是一个文本文件,包含了一些HTML元素,标签等 HTML文件必须使用.html或.htm为文件名后缀 HTML是大小写不敏感的,HTML与html是一样的 HTML是由W3C的维护的 HTML 是通向 WEB 技术世界的钥匙. 1.2 发展历史 HTML是从2.0版

学习HTML-第二章css基础

欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640 第二章css基础 一.css简介 cascading style sheets????汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式. 目前推荐遵循的是W3C发布的CSS3.0. 用来表现XHTML或者XML等样式文件的计算机语言. 1998年5月21日由w3C正式推出的css2.0 二.样式的建立:内部样式 ??外部样式??和 内联样式 1.

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.