1.样式的引用种类
- 外部样式
<link rel="stylesheet" type="text/css" href="text.css"/>
@import url(xuexi.css) - 内部引入
<style>{font-family: yahei;color:yellow;}</style> - 内联样式
<p style="background-color:blue">
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倍大小