CSS的全称是什么?

.** css全称是:Cascading style sheets 层叠样式表。 **

CSS有几种引入方式? link 和@import 有什么区别?

• ** CSS有三种引入方式 **

  
  
  QQ图片20170510110541.png
• ** link和@import的区别 **
• 1.link是html的标签可以放在html内容任何地方，@import属于css语法。

• 2.@import放在样式里

  
  
  QQ图片20170510123026.png
• 3.页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。
• 4.link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。
• 5.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 在本地计算机上查找a.css文件
  ** 网络路径 ：例如当前页面的地址为 **http://localhost:8080/code/index.html, 在该HTML文件中存在以下路径：
• /static/css/a.css 以绝对路径的方式在服务器中寻找a.css文件，即在服务器上直接通过该路径寻找相关文件
• http://cdn.jirengu.com/kejian1/8-1.png 通过该地址可以找到网络上的8-1.png文件

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

• 1.可以直接将图片上传到服务器，在页面使用这张图片；或者将图片存在本地服务器，然后打开本地服务，然后再在JS BIN上引用图片
• 2.如果这个图片本来就存在网络上其他的服务器上，可以直接使用图片的网络路径链接的方式在页面上添加url引用这张图片

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

css语法书写规范

• 1.语法不区分大小写，但统一使用小写。
• 2.不使用内联的style属性定义样式。
• 3.id和class使用有意义的单词，分隔符建议使用-。
• 4.有可能就是用缩写。
• 5.属性值是0的省略单位。
• 6.块内容缩进。
• 7.属性名冒号后面添加一个空格。

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

Paste_Image.png