一、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请求的面版。
网友评论