关于html及css相关小结（1）

1.样式的引用种类

• 外部样式
  
  @import url（xuexi.css）
• 内部引入
  
• 内联样式
  

2.link和 @import的区别

• 1link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

• 2 link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载，影响页面展示。

• 3 link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

• 4 link支持使用Javascript控制DOM去改变样式；而@import不支持。
  一般情况下link优先使用

3.文件路径的理解

../main.css 在上一层目录中去寻找man.css文件
./main.css、在同层目录中去寻找man.css文件
main.css、 在同层目录中去寻找man.css文件
/main.css有什么区别 在根目录去寻找man.css文件

4.console.log的作用

可以通过此代码，检测已经编写的js代码是否正确，可用。通过浏览器的审查元素功能，可以看到相关功能是否正确，便于修改校准。

5.text-align的用法

• text-align：left 表示文本排列到左边
• text-align：center 表示本文居中
• text-align：right 表示文本排列到右边
• text-align：center 表示文本居中
• text-align：inherit 表示文本继承父元素text-align属性值进行排列

像素单位

• px，以像素作为单位的大小
• em，相对大小单位，和父级元素的尺寸相关，例如3em，则是父级元素的3倍大小
• rem，相对大小单位，和根元素的尺寸大小一致，例如2rem，则是根元素尺寸的2倍大小