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样式调试;