github twitter email rss
CSS基础Q&A
Mar 8, 2015
2 minutes read

1.有如下三个div,B与C都是float: left,B与C分别高50px,100px。此时A高度为多少?为什么?

此时A高度为0,因为B与C不在document flow中

2.如何避免上图中的情况?

a:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

3.若在加了clear的情况下,A的高度为50PX。此时有一div class="H"在A下方,且magin-top: 50px,会出现什么情况?100px、120px时出现什么情况? 为什么?

50px与100px时,H与C上下边贴在一起; 120px时,H与C距离20px。因为A的高度取决于content的高。

4.table A有四个并排的td.column,假设一列中有长短不一各种值,width设多少可以刚好容下所有内容?

width: 1px

5.若一列td中有值 a b c dfg,则此时会出现何种情况?如何避免此情况发生?

此时a b c d,遇到空格会换行。应加上word-space: nowrap1

6.by someone posted on Mondayhtml应该如何写?

<span class="">by<span class="author">someone</span>posted on<span class="date">Monday</span></span>

23

7.head内的navigation用什么html tag?

ul.class li

8.此时ul能否用id?

id用在layout上,class用在具体元素上。如#head ui.nav li4

9.box-sizing有哪些属性?

content-box; border-box,他们的区别在与padding算在box-model内还是外

border-box常见于button:

.lia-button {
box-sizing: border-box;
}

  1. break-word由于浏览器兼容性问题不推荐使用。 [return]
  2. html,css中字符串都用双引号; js中应用单引号。 [return]
  3. html要写semantic html,css要写semantic css [return]
  4. html要写semantic html,css要写semantic css [return]

Back to posts


comments powered by Disqus