1.CSS的全称是什么?
CSS全称是：Cascading Style Sheets，翻译为：层叠样式表。是一种用来表现HTML标准通用标记语言的一个应用）或XML标准通用标记语言的一个子集等文件样式的计算机语言,CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化.
2. CSS有几种引入方式? link 和@import 有什么区别?
CSS有4中引入方式：
- 内联样式
image.png
- 内部样式
image.png
- 外部样式
image.png
- @inmport方式
image.png
3. 以下这几种文件路径分别用在什么地方，代表什么意思?
- 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 ----绝对路径：在本地通过此路径可以 找到a.css文件
- /static/css/a.css ----网站路径：通过网站服务器使用此路径可以直接找到该文件，例如网址为：https://jirengu.com,通过https://jirengu.com/static/css/a.css，此网址即可找到a.css文件。
- http://cdn.jirengu.com/kejian1/8-1.png ----通过该路径可以直接找到此网站的8-1.png图片，加载会慢一点
4. 如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
建议直接把图片传入js.jirengu.com所在服务器，使用相对路径找到该图片，加载快。
5.列出5条以上html和 css 的书写规范。
- id和class属性值尽量使用有含义的英文。
- css设置像素如果为0，不要加单位。
- 书写统一全部使用小写。
- css选择器后面跟一个空格，每一个属性：后面加一个空格。
- css样式建议使用外部样式，不要使用内联样式。
6. 截图介绍 chrome 开发者工具的功能区。
image.png
红色块从左往右依次为：
- Elements: 允许我们从浏览器的角度看页面，也就是说我们可以看到chrome渲染页面所需要的的HTML、CSS和DOM(Document Object Model)对象。此外，还可以编辑这些内容更改页面显示效果；
- Console: 显示各种警告与错误信息，并且提供了shell用来和文档、开发者工具交互。
- Sources: 主要用来调试js；
- Network: 可以看到页面向服务器请求了哪些资源、资源的大小以及加载资源花费的时间，当然也能看到哪些资源不能成功加载。此外，还可以查看HTTP的请求头，返回内容等；
- Performance:提供了加载页面时花费时间的完整分析，所有事件，从下载资源到处理Javascript，计算CSS样式等花费的时间都展示Performance中;
- Memory:Memory是记录内存的情况；
- Application:一些应用;
- Security:安全问题；
- Audits: 分析页面加载的过程，进而提供减少页面加载时间、提升响应速度的方案；
蓝色区域为页面的css样式调试;
网友评论