css十道常见面试题


1、 如何定义高度很小的容器?正解:在IE6下无法定义小高度的容器,是因为有一个默认的行高。列举2种解决方案:overflow:hidden或font-size:容器高度px 2、 图片下方出现几像素的...

1、  如何定义高度很小的容器?

正解:在IE6下无法定义小高度的容器,是因为有一个默认的行高。

列举2种解决方案:overflow:hidden或font-size:容器高度px

 

2、  图片下方出现几像素的空白间隙?

正解:将img定义为display:block,或定义父容器为font-size:0

 

3、  IE6双倍margin的BUG?

正解:display:inline

 

4、  如何让层在falsh上显示?

正解:在falsh上添加<param name="mode" value="transparent"/>

 

5、  如何使得文字不换行?

正解:定义包含文字的容器为:width:xxx;white-space:nowrap;

 

标签: 容器positioncss

更多 容器 相关资讯

CSS3灵活的盒子模型(Flexible Box Module)–1

CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看这个文档。 通过学习和测试,我发现这种新的

CSS3中可自动换行而不再会撑破容器

CSS3中可自动换行而不再会撑破容器

这个技术是微软发明并加入到CSS3中,如果一行中单词长度超过容器,就会自动换行而不会撑破容器。它有两个值:正常或者撑破容器。 下面的例子中,第一个例子,正常情况下第二行文字因

更多 position 相关资讯

CSS制作面包屑

CSS制作面包屑

面包屑是Web中常见的一个元件,今天@逆天使用上原始的CSS配合一定的标签制作了一款兼容多浏览器的面包屑案例,感兴趣的可以看看。 HTML CODE <ul class="clearfix"> <li>

CSS3 Admin Menu

CSS3 Admin Menu

这一个个人信息面板导航效果,整个效果展示的是个人相关信息的菜单项,以及搜索功能。在这个案例中使用的CSS3属性相对较多,有transition做的过渡动画效果、有transform做的3D旋

一组梦幻般的 CSS3 动画按钮效果

一组梦幻般的 CSS3 动画按钮效果

给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示,把鼠标放在按钮上试试,有惊喜哦!(温馨提示:如果不显示请刷新页面,在 Chrome,Firefox 和 Safari 浏览器中效果最佳。)访问

CSS3 Gallery Lightbox

这个Gallery Lightbox同样没有使用js脚本代码仅使用了CSS代码实现,这个效果初看有些许复杂,一开始不太清楚其实现原理,但仔细看看代码,还是能整明白的。功能主要依赖

CSS制作水平垂直居中对齐

作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂

CSS核心概念之包含块

包含块(Containing Block)是视觉格式化模型的一个重要概念,它与框模型类似,也可以简单的理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考位置,元素的尺

更多 css 相关资讯

css代码优化

     要点1:css代码优化作用与意义   1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间,相当于加快网页打开速度   2、便于维护。简化和标准化css代码让

如何从css生成内容和计数组件中得到益处

如何从css生成内容和计数组件中得到益处

  用css生成内容是在css2规范中首次提出的。几年来,这个特性只有少数的web开发者使用,原因就是浏览器对于他们的兼容性不好。随着2009年IE8的发布,生成内容被再次提出,而且

使用CSS3 Flexbox布局

使用CSS3 Flexbox布局

     Flexbox的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布

实用的 CSS3 参考手册和代码生成工具

实用的 CSS3 参考手册和代码生成工具

     CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的

CSS教程-响应布局与平滑过渡

CSS教程-响应布局与平滑过渡

在本教程中,我们将创建一个响应式的全屏页面布局。这个页面是由导航模块+简单的内容面板构造而成的,出发导航条,内容区域会以平滑的方式滚动出现在相应位置。html代码:我们

[视频]纯CSS3腾讯QQ企鹅(附绘制过程)

[视频]纯CSS3腾讯QQ企鹅(附绘制过程)

腾讯Web前端AlloyTeam近日推出了最新开源项目:一个基于HTML5技术的专业级图像处理引擎——AlloyImage(简称AI),以及一个在线Web图像处理平台——AlloyPhoto(简称AP)。

CSS里的各种水平垂直居中基础写法心得

CSS里的各种水平垂直居中基础写法心得

     首先,依旧是概念。介绍一下行内元素和块级元素,这个很重要,因为有的属性只能用于块元素,而有的正好相反,在一定的情况下,它们也可以相互转换,比如用display来进行设置。

前端 CSS 规范大全

文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范 1、文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例

CSS制作面包屑

CSS制作面包屑

面包屑是Web中常见的一个元件,今天@逆天使用上原始的CSS配合一定的标签制作了一款兼容多浏览器的面包屑案例,感兴趣的可以看看。 HTML CODE <ul class="clearfix"> <li>

基于Edge Animate可视化工具开发CSS3动画

基于Edge Animate可视化工具开发CSS3动画

今天这篇文章主要介绍透过Adobe Edge Animate这款可视化工具操作CSS3的动画,与前一篇文章的根本区别就是Edge Animation制作动画是可视化的,操作CSS3动画的方式是和Jav