CSS的引入及个别混淆点
作者:
柯良勇 | 来源:发表于
2016-05-24 15:41 被阅读195次CSS样式的引入方式及link和@import的区别
- 样式有3种引入方式：
①外部式：在<head>下使用link或@import引入xx.css文件。
②内部式：在<head>下使用<style>书写。
③内联式：在对应标签的起始符中直接添加style样式。
-
link和@import有以下区别：（一般使用link）
①link的css载入与页面加载同步；而@import的css是在页面加载完成后引入的。
②link无兼容性问题；而@import是CSS2.1时提出的，部分低版本浏览器不支持。
③link支持使用Javascript控制DOM去改变样式；而@import不支持。
④link还可用于定义RSS等其他事务；而@import只能用于加载css。
文件路径../main.css 、./main.css、main.css的区别
-
../main.css是指上一级目录中的css文件，而./main.css、main.css都是指本目录下的css文件。
在调试中console.log的作用
-
console.log是用于调试Javascript用的，一步步追根溯源让控制台打印出对应数据，查看是否则正确，找出问题的关键点。相比于alert，console能显示具体内容、且不打断页面、也可在控制台显示其他内容。
text-align: justify是什么
-
text-align: justify是让文本两端对齐的属性，通过调整字间距让两端对齐。
px、em、rem三者的区别
- 3个都是字体大小的“单位"，与数字结合定义字体大小，但有区别。
-
px的大小是相对于显示分辨率而言的、em的大小则是相对于其父元素而言的、rem的大小是相对于根元素而言的。
chrome 审查元素的功能简介：
0_1459513770459_chrome.png
本文标题：CSS的引入及个别混淆点
本文链接：https://www.haomeiwen.com/subject/shezrttx.html
网友评论