html和css全称,1.CSS的全称是什么?

添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。

2.嵌入方式

嵌入方式指的是在 HTML 头部中的

嵌入方式的 CSS 只对当前的网页有效。因为 CSS 代码是在 HTML 文件中，所以会使得代码比较集中，当我们写模板网页时这通常比较有利。因为查看模板代码的人可以一目了然地查看 HTML 结构和 CSS 样式。因为嵌入的 CSS 只对当前页面有效，所以当多个页面需要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于维护。

3.链接方式

链接方式指的是使用 HTML 头部的 标签引入外部的 CSS 文件。

这是最常见的也是最推荐的引入 CSS 的方式。使用这种方式，所有的 CSS 代码只存在于单独的 CSS 文件中，所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS 文件中，CSS 文件会在第一次加载时引入，以后切换页面时只需加载 HTML 文件即可。

4.导入方式

导入方式指的是使用 CSS 规则引入外部 CSS 文件。

@import url(style.css);

link和@import两者都是外部引用CSS的方式，但是存在一定的区别：

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

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

Paste_Image.png

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

可以直接将图片上传到服务器，在页面使用这张图片；或者将图片存在本地服务器，然后打开本地服务，然后在网站上上引用图片

如果这个图片本来就存在网络上其他的服务器上，可以直接使用图片的网络路径链接的方式在页面上添加url引用这张图片，说白了就是把图片的引用地址改成网络路径就行了。

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

1.统一使用小写

2.不使用内联的style属性定义样式

3.id和class语义化，分隔符建议使用-

4.有可能就用缩写

5.属性值是0，省略单位，比如不要写成0px，直接是0

6.块内容缩进

7.禁止 img的 src取值为空。延迟加载的图片也要增加默认的 src

6.截图介绍 chrome 开发者工具的功能区

333.png

1是元素区，在这可以看到整个网页的结构

2和12 都是控制台，录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell

3 是资源，这里可以看到各种你引入的js，主要就是用于调试js

4 从发起网页页面请求Request后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、大小、所用时间等)，可以根据这个进行网络性能优化

5.时间线记录并分析在网站的生命周期内所发生的各类事件，以此可以提高网页的运行时间的性能。

6.记录JS CPU执行时间细节、显示JS对象和相关的DOM节点的内存消耗、记录内存的分配细节。

7.记录网站加载的所有资源信息，包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存数据、字体、图片、脚本、样式表

8.安全：判断当前网页是否安全

9.对当前网页进行网络利用情况、网页性能方面的诊断，并给出一些优化建议。比如列出所有没有用到的CSS文件等

10.样式区域，可以直观的看到css

11.适配区域，可以适配各种屏幕大小，一般用于调试页面自适应。