随笔分类 - Web - HTML\CSS
摘要:
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决。
下面是14条特殊情况仅供参考:1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。
阅读全文
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决。
下面是14条特殊情况仅供参考:1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。
阅读全文
摘要:
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
一、使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin- left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是,必须为该容器
阅读全文
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
一、使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin- left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是,必须为该容器
阅读全文
摘要:
在前面例子中,为了达到浏览器兼容性,我们分别在红色蓝色方块CSS 代码中分别加了“Float:left;”,这样IE 和FF 中显示效果一样,如果此时我们还想放一个宽度400 像素,
高度100 的绿色方块,并让其处于第二行,效果如下图:
阅读全文
在前面例子中,为了达到浏览器兼容性,我们分别在红色蓝色方块CSS 代码中分别加了“Float:left;”,这样IE 和FF 中显示效果一样,如果此时我们还想放一个宽度400 像素,
高度100 的绿色方块,并让其处于第二行,效果如下图:
阅读全文
摘要:
内容简述:
display:block 内联元素定义高和宽(转为块元素)
float:left 块元素位于同一行
Firefox区域浮动,在第2个块元素加float:left
IE6的一个BUG(距离浏览器的左边距并不是CSS 代码中定义的20像素,而是40像素),displ
阅读全文
内容简述:
display:block 内联元素定义高和宽(转为块元素)
float:left 块元素位于同一行
Firefox区域浮动,在第2个块元素加float:left
IE6的一个BUG(距离浏览器的左边距并不是CSS 代码中定义的20像素,而是40像素),displ
阅读全文
摘要:
【通用选择器】
对于通用选择器还有一个不得不提的用法,就是为了保证作出的页面能够兼容多种浏览器,
所以要对HTML 内的所有的标签进行重置,会将下面的代码加到CSS 文件的最顶端
*{margin:0; padding:0;}
阅读全文
【通用选择器】
对于通用选择器还有一个不得不提的用法,就是为了保证作出的页面能够兼容多种浏览器,
所以要对HTML 内的所有的标签进行重置,会将下面的代码加到CSS 文件的最顶端
*{margin:0; padding:0;}
阅读全文
摘要:
CSS的背景属性“background”提供了众多属性值,如颜色、图像、定位等,为网页背景图像的定义提供了极大的便利。看看background提供的属性值:
阅读全文
CSS的背景属性“background”提供了众多属性值,如颜色、图像、定位等,为网页背景图像的定义提供了极大的便利。看看background提供的属性值:
阅读全文
摘要:
我们还会不断地推出相关的课程, 如果您有兴趣,欢迎您常来这里看一看!
CSS基础知识与核心概念
CSS初探 - CSS基本知识 - 第1课
CSS基本语法与核心概念 - CSS基本知识 - 第2课
设置丰富的文字效果 - CSS基本知识 - 第3课
阅读全文
我们还会不断地推出相关的课程, 如果您有兴趣,欢迎您常来这里看一看!
CSS基础知识与核心概念
CSS初探 - CSS基本知识 - 第1课
CSS基本语法与核心概念 - CSS基本知识 - 第2课
设置丰富的文字效果 - CSS基本知识 - 第3课
阅读全文

浙公网安备 33010602011771号