1.伪类顺序
love and hate
link visited hover active
2.盒子塌陷
坍塌的盒子了。外部盒子本应该包裹住内部的两个浮动盒子,结果却没有。
解决方法:
(1)div:after{clear:both;}//暂时最好的解决方案
(2)div{float:left;}//可读性差,不易维护
(3)<br style="clear:both">//增加额外元素
(4)div{overflow:atuo}//会有滚动条,影响美观
(5)设置宽高//适合极少变动的页面
3、span可以用margin吗
行内元素,margin-top,margin-bottom,没有作用。margin-left,margin-right有作用。
**有疑问,自己用chrome时都可以,不会错位,但是知乎上有人说会错位****
4、one盒子在左侧显示,two盒子在右侧显示
错误:div.one{float:left;}div.two{float:right;}会错位,无论宽高
(1)先向右浮动,再向左浮动div.two{float:right;},div.one{float:left;}
(2)都向左浮动
5、font-color,font-style;
有font-style:italic但是没有font-color
6、那些操作不会脱流;
position:relative不会脱离正常文档流
但是float,position中absolute,fixed会脱离
position各个属性值的含义
static.默认。
relative,相对定位,相对元素原来的位置进行定位;
absolute,绝对定位,相对于static定位以外的第一个父元素定位。
fixed,固定定位,相对于浏览器窗口进行定位
7、var num = 1;
setTimeout(function(){ num = 2; }, 100);
alert(num)
答案是1
8、var a=10; b=20; c=4; ++b+c+a++
答案:35
9、printf
print将它的参数显示在命令窗口,并将输出光标定位在所显示的最后一个字符之后。
println 将它的参数显示在命令窗口,并在结尾加上换行符,将输出光标定位在下一行的开始。
printf是格式化输出的形式。
System.out.print("这只是一个字符串并且不换行"+i);
System.out.printf("这是一个字符串但是换行"+i);//注意此处链接符
System.out.pritnln("我是第%d个",i)//用逗号链接,而且前面用%d来代替i,格式化输出的形式
10、background四条小属性
background-color
background-img
background-position
background-size
background-repeat
background-clip
background-origin
background-attachment;//背景图片是否会跟着页面其他部分滚动而滚动,scorll,fixed
待定。。。看看css3解密再进行补充
11、var str = "11"+2-"1";
console.log(str);
console.log(typeof str);
答案:111 number; |