CSS基础

作者: Chy18 | 来源:发表于2017-02-19 15:30 被阅读0次

1.CSS的全称是什么?

全称是Cascading Style Sheets,即层叠样式表。

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

  • CSS有几种引入方式?
    css有三种引入方式,分别是内联样式,内部样式,外部样式。

  • link 和@import 有什么区别?
    区别1:link属于XHTML标签,而@import完全是CSS提供的一种方式。
    区别2:加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。
    区别3:兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
    区别4:使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

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 本地css文件夹中的a.css文件。

  • 网络路径
    /static/css/a.css 网页的绝对路径下css文件夹中的a.css文件。
    http://cdn.jirengu.com/kejian1/8-1.png外部链接,其他网页中的图片。

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

  • 若是本地图片,将该图片上传至服务器,然后以相对路径引用该图片。
  • 若是其他网页中的图片,则直接在<a>标签中引用该图片的链接。

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

5-1. 所有语法均小写。
5-2. 不使用css的内联样式。
5-3. id和class标签以有意义的单词命名,单词之间用-链接。
5-4. 属性冒号后加一个空格。
5-5. 在可以使用缩写的情况下,尽量使用属性缩写。

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

Paste_Image.png

相关文章

网友评论

    本文标题:CSS基础

    本文链接:https://www.haomeiwen.com/subject/yrrjwttx.html