CSS基础

一、CSS的全称是什么?

CSS 指层叠样式表 (Cascading Style Sheets),样式通常存储在样式表中,它定义如何显示 HTML 元素。

二、CSS有几种引入方式? link 和@import 有什么区别?

1、css有四种引入方式：内联css、内部css、外部css、导入css。
2、link和@import的区别：

• link属于html标签，可以写在html标签内任意位置，而@import是css的语法，只能写在样式中。
• link不止可以调用CSS，还能调用其他类型的文件，而@import，只能调用CSS文件。
• link引用的css会在页面加载时同时被加载，而@import引用的css会等到页面加载结束后加载。
• link没有兼容性问题，而@import只有IE5以上才能识别。
• link方式样式的权重高于@import的。

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

分类	路径	场景
相对路径	css/a.css	当前路径下的css下的a.css
相对路径	./css/a.css	当前路径下的css下的a.css
相对路径	b.css	当前路径下的b.css文件
相对路径	../imgs/a.png	当前路径上级路径下的imgs下的a.png
绝对路径	/Users/hunger/project/css/a.css	根路径下的hunger下的project下的css下的a.css
网站路径	/static/css/a.css	网站服务器根目录下的static下的css下的a.css
网站路径	http://cdn.jirengu.com/kejian1/8-1.png	8-1.png在网站中的路径

四、如果我想在js.jirengu.com上展示一个图片，需要怎么操作?

上传到服务器内部，并用相对路径读取。

五、列出5条以上html和 css 的书写规范

• 语法不区分大小写，但建议统一使用小写
• 不使用内联的style属性定义样式
• id和class使用有意义的单词，分隔符建议使用-
• 有可能就用缩写
• 属性值是0的省略单位
• 块内容缩进
• 属性名冒号后面添加一个空格

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

开发者工具.jpg

1、在页面中选择元素并查看。
2、切换设备工具栏，用于查看网页在不同设备中的呈现。
3、Element审查元素。 3-2、审查和调试当前元素样式。 3-3、点击快速选择元素。
4、Console:记录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell。
5、Resources主要向我们展示了本界面所加载的资源列表和cookie、local storage 、SESSION 等本地存储信息。
6、Network是一个监控当前网页所有的http请求的面版。