仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1908|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之招聘网页计划师罕见的8个口试试题和谜底

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:23:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
网页制造poluoluo文章简介:CSSer与其他IT职位一样,在找事情的时分,城市面对着口试官提出的成绩,大概给出的试卷。明天poluoluo.com搜集了罕见的8条口试标题,但愿对您有所匡助。
CSSer与其他IT职位一样,在找事情的时分,城市面对着口试官提出的成绩,大概给出的试卷。明天poluoluo.com搜集了罕见的8条口试标题,但愿对您有所匡助。

1、超链接点击事后hover款式就不呈现的成绩?

  被点击会见过的超链接款式不再具有hover和active款式了,办理办法是改动CSS属性的分列按次:L-V-H-A

2、IE6的margin双倍边距bug成绩

  比方:

<styletype="text/css">
body{margin:0;}
div{float:left;margin-left:10px;width:200px;height:200px;border:1pxsolidred;}
</style>
  浮动后原本外边距10px,但IE注释为20px,办理举措是加上display:inline

3、为何中火狐扫瞄器下文本没法撑开容器的高度?

  尺度扫瞄器中流动高度值的容器是不会象IE6里那样被撑开的,那我又想流动高度,又想能被撑开必要如何设置呢?举措就是往失落height设置min-height:200px;这里为了照应不熟悉min-height的IE6能够如许界说:

div{height:auto!important;height:200px;min-height:200px;}
4、为何web尺度中没法设置IE扫瞄器转动条色彩了?

  本来款式设置:

<styletype="text/css">
body{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}
</style>
  办理举措是将body换成html

5、怎样界说1px摆布高度的容器?
  
  IE6下这个成绩是由于默许的行高酿成的,办理的办法也有良多,比方:overflow:hidden|zoom:0.08|line-height:1px

6、怎样才干让层显现在Flash之上呢?
  
  办理的举措是给FLASH设置通明:

<ahref="http://www.poluoluo.com/">:</a>
<prelang="html"line="1">
<paramname="wmode"value="transparent"/>
  注:在poluoluo.com中有专门会商此成绩的文章,人人能够搜刮一下。

7、如何使一个div层居中于扫瞄器中?

<styletype="text/css">
<!--
div{
position:absolute;
top:50%;
left:50%;
margin:-100px00-100px;
width:200px;
height:200px;
border:1pxsolidred;
}
-->
</style>
  这里利用百分比相对定位,与外补钉负值的办法,负值的巨细为其本身宽度高度除以二

8、firefox扫瞄器中嵌套div标签的居中成绩的办理办法

  假定有以下情形:

<divid="a">
<divid="b"></div>
</div>
  假如要完成b在a中居中安排,一样平常只需用CSS设置a的text-align属性为center。如许的办法在IE里看起来统统一般;可是在Firefox中b却会是居左的。
  办理举措就是设置b的横向margin为auto。比方设置b的CSS款式为:margin:0auto;。</p>
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 22:33:24 | 只看该作者
可以使用CSS检查工具进行设计。
简单生活 该用户已被删除
板凳
发表于 2015-1-24 15:13:47 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
柔情似水 该用户已被删除
地板
发表于 2015-2-1 20:41:07 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
若相依 该用户已被删除
5#
发表于 2015-2-7 16:50:44 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
不帅 该用户已被删除
6#
发表于 2015-2-22 21:25:47 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
深爱那片海 该用户已被删除
7#
发表于 2015-3-7 05:12:03 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
兰色精灵 该用户已被删除
8#
发表于 2015-3-14 14:30:49 | 只看该作者
可以使用 CSS 检查工具进行设计。
小魔女 该用户已被删除
9#
发表于 2015-3-21 11:22:03 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表