css中clear的作用是:
清楚浮动;只能影响使用清楚元素的本身,不能影响其他元素
link和@import的区别:
1)link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
2)link可以加载CSS,Javascript;@import只能加载CSS。
3)link加载的内容是与页面同时加载;@import需要页面网页完全载入以后加载。
4)link属于HTML范畴,@import属于css范畴
link和@import的用法:
link的写法:
<link rel="stylesheet" href="index.css">
@import的写法
<style type=””>
@import url(“”);
</style>
margin中auto的作用是:
自动根据剩余的长度居中对齐
浮动元素重叠
1、行内元素与浮动元素发生重叠,边框、背景、内容都会显示在浮动元素之上
2、块级元素与浮动元素发生重叠,边框、背景会显示在浮动元素之下,内容会显示在浮动元素之上
将某个元素隐藏起来的两种方法:
一、display:none
1、不为被隐藏的对象保留其物理空间。html对象在页面上彻底消失(display:none会让元素完全从渲染树中消失,渲染的时候不占据任何空间)。
2、是非继承属性,子孙节点消失由于元素从渲染树消失造成的,通过修改子孙节点,属性无法显示。
3、修改常规文档流元素的display通常会造成文档的重排(reflow)重绘(repaint)。
二、visibility:hidden
1、为隐藏的对象保留其物理空间,html对象仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在(visibility:hidden不会让元素从渲染树中消失,渲染树元素继续占据空间,只是内容不可见)。
2、是继承,子孙节点消失由于继承了hidden,通过visibility:visible可以让子孙节点显示。
3、修改visibility属性只会造成文档的重绘(repaint)。