CSS基础

2017-11-30  本文已影响0人  饥人谷_临渊

1、CSS的全称是什么?
层叠样式表(英文全称:Cascading Style Sheets)用于给HTML穿上一身华丽的“外衣”。

2、CSS有几种引入方式? link 和@import 有什么区别?
第一种:内联样式(直接加在某个元素属性中的样式)
<h1 style="color: red; font-size: 20px;"></h1>
第二种:内部样式(在head 的 <style> 标签里写样式,单个文件需要特别样式时,就可以使用内部样式表。)
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
第三种:外部样式(当样式需要被应用到很多页面的时候,可以选择外部样式)
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
通常来说type后的内容可以省略,rel后面的stylesheet则说明用哪一种样式表。href可以是有效的文件或者url。
<style>
@import url("hello.css");
@import “world.css”;
</style>
link是html的标签,可以放在html的任何地方,且页link是页面加载时候的同时加载。
@import是css的语法,放在style里(就是样式里),且@import是在整个页面加载完之后再加载CSS文件的,如果页面加载很慢,会出现一开始无样式。
@import是css2.1提出的,只在ie5以上才能识别,link不存在这个问题,兼容性较好。

3、以下这几种文件路径分别用在什么地方,代表什么意思?


文件路径excel.jpg

绝对路径就是文件的真正存在的路径,是指从硬盘的根目录(盘符)开始,进行一级级目录指向文件。
相对路径就是以当前文件为基准进行一级级目录指向被引用的资源文件。

4、如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
打开图床网站后上传所需图片,得到图片的链接则可以在img标签的src属性中填写图片的网络路径,即可展示图片。

5、列出5条以上html和 css 的书写规范
html:
-对于无需自闭合的标签,不允许自闭合。
例如无需自闭合标签有input、br、img、hr等。

6、截图介绍 chrome 开发者工具的功能区


360截图20171130184935874.jpg
上一篇 下一篇

猜你喜欢

热点阅读