CSS基础
2017-04-14 本文已影响0人
Ligod
1.css全称是什么？
Cascading Style Sheet（层叠样式表）
2.CSS有几种引入方式? link 和@import 有什么区别?
- 内联样式：在标记的style属性中设定css样式。这种方式没有体现css的优势，不推荐使用。
- 内部样式：将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。
缺点是对于一个包含很多网页的网站，如果在每个网页中使用嵌入式，修改样式时非常麻烦，单一网页可以考虑使用嵌入式。 - 导入样式：@import；将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，写在<head>标记中<style>标记里。
- 链接样式：将一个.css文件引入到HTML文件中，但它与导入式不同的是链接式使用HTML规则引入外部CSS文件，它在网页的任何位置使用<link>标记来引入外部样式表文件，一般放在<head>中。
link和@import区别
1.link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
2.link是XHTML标签，无兼容问题；@import低版本的浏览器不支持。
3.ink支持使用Javascript控制DOM去改变样式；而@import不支持。
4.link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
3.以下这几种文件路径分别用在什么地方，代表什么意思?
1.相对路径
- css/a.css：当前文件css中的a.css文件
- ./css/a.css：当前文件夹下css文件夹中的a.css文件
- b.css：当前文件夹下的b.css文件
- ../imgs/a.png：上级文件夹下imgs文件中的a.png
2.绝对路径
- /Users/hunger/project/css/a.css 本地绝对路径下的a.css文件，在本地计算机上可以找到
3.网络路径
- /static/css/a.css：网络相对路径下a.css文件
- http://cdn.jirengu.com/kejian1/8-1.png 网络绝对路径，链接到该网址文件
4.如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
将本地图片上传到网络服务器，生成网络地址，再引用网络地址。
5.列出5条以上html和 css 的书写规范
1.语法不分大小写，但建议统一使用小写
2.不使用内联的style属性定义样式
3.id和class使用有意义的单词，分隔符使用-
4.属性值是0的省略
5.块内容缩进
6.属性值冒号后添加空格
6.截图介绍 chrome 开发者工具的功能区
Chrome调试.png
2.png
