1.CSS的全称是什么?
Csscading Style Sheets,层叠样式表,是一种将表示样式应用到标记的系统‘
2.CSS有几种引入方式? link 和@import 有什么区别?
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。
区别:
- link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
- link是HTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
- link支持使用Javascript控制DOM去改变样式;而@import不支持.
3.以下这几种文件路径分别用在什么地方,代表什么意思?
- 相对路径:以文件所在路径为基准来查找相关文件
- 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 以绝对路径的方式在当前服务器路径下查找相关文件,比如当前服务器路径
为http://localhost:8080 ,即查找 http://localhost:8080/static/css/a.css的这个文件 - http://cdn.jirengu.com/kejian1/8-1.png 通过该网站链接找到png文件
- /static/css/a.css 以绝对路径的方式在当前服务器路径下查找相关文件,比如当前服务器路径
4.如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 如果图片在本机,那么先把图片上传到服务器的某个目录下,然后用相对路径去引用
- 本机图片上传到图床网站得到图片链接,然后在imge标签中的src使用这个图片地址即可
5.列出5条以上html和 css 的书写规范
- 语法不区分大小写,建议统一使用小写
- 不使用内联的style属性定义样式
- Id和class使用有意义的单词,分隔符建议使用-
- 属性值是0 的省略单位
- 块内容缩进
- 属性名冒号后添加一个空格
6. 截图介绍 chrome 开发者工具的功能区
- Dom元素 点击后选择页面中的任何元素,就会选中相应的DOM节点。
- 样式
- 添加新样式
- 控制台,用于调试js代码
- 切换终端显示
- 分析时序
- 分析CPU与内存
- 网络请求
- 资源面板