link和@import的区别、浮动元素重叠、隐藏元素的方法

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）。