CSS基础

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS简介 CSS 的全称是Cascading Style Sheets,层叠样式表 2.CSS的引入方式 内...
    毛毛独角兽阅读 334评论 0 0
  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 867评论 0 1
  • 1. CSS的全称是什么? 层叠样式表 (Cascading Style Sheets,常缩写记作 CSS), 是...
    饥人谷_oathy阅读 299评论 0 0
  • CSS的全称 Cascading Style Sheets,层叠样式表。是一种样式表语言,用于为HTML文档定义布...
    饥人谷_哈噜噜阅读 379评论 0 1
  • 人生很累,现在不累,以后会更累;人生很苦,现在不苦,以后会更苦。万物相生相克,无下则无上,无低则无高,无苦则无甜。...
    余毅然1613阅读 211评论 0 0