您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页任务5—HTML2

任务5—HTML2

来源:二三四教育网

1. 样式有几种引入方式?

  1. 外部样式表
<link rel="stylesheet" type="text/css" href="main.css">
  <!-- 外部样式表 -->```
- 内部样式表

<style type="text/css">
body {
background: #fff;
}
</style>

- 行内样式表

<body style="background:#fff;">
</body>

- 导入
```
@import url("test.css")
```

##2. link 和 @import有什么区别?
1. 范畴不同
 link是HTML标签,除了加载CSS之外,还可以定义其他如RSS事务;@import属于CSS范畴,只能加载CSS;
2. 加载顺序不同
link引入CSS时,在页
面加载时同时加载,而@import需要页面完全载入以后加载;
3. 兼容性差别
 link是XHTML标签,因此无兼容问题,而@import是CSS2.1提出的(IE5以上才能识别),因此低版本的浏览器不兼容;
4. 是否支持JS DOM改变
link支持使用JavaScript控制DOM改变CSS样式,@import不支持
5. 权重不同
link方式样式的权重高于@import样式的权重

##3. 文件路径../main.css 、./main.css、main.css、/main.css有什么区别?
文件路径| 区别
:------------:|:------:
../main.css|上级目录的main.css
./main.css|当前目录的main.css
main.css|当前目录的main.css
/main.css|根目录的main.css

##4. console.log是做什么用的?
用来调试JS,输出到控制台比alert()方便一些。

## 5. text-align有几个值,分别有什么作用?为什么text-align:justify没有效果?写截图说明区别
 text-align用来设置文本的对齐方式,常用的有4个值
1. left 向左对齐
- right 向右对齐
- center 居中对齐
- justify 两侧调整对齐
- inherit 规定应该从父元素继承 text-align 属性的值。





## 6. px、em、rem分别是什么?有什么区别?如何使用?
1. px:是Pixel的缩写,像素,是指基本原色素及其灰度的基本编码.
2. em:单位名称为相对长度单位,相对于当前对象内文本的字体尺寸.
3. rem:是相对单位,是相对HTML根元素.

值   |区别
------| ------
px| px为相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的;
em| em为相对长度单位。相对于当前对象内文本的字体尺寸;
rem|    rem可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用rem(除了IE8及更早版本外),如果要考虑兼容性,那就使用px,或者两者同时使用。国外的大部分网站能够调整的原因在于其使用了em作为字体单位。
##7. 对chrome 审查元素的功能做个简单的截图介绍?

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务