CSS简介
2017-02-28 本文已影响0人
饥人谷_tonya
CSS的全称是什么?
css的全称是Cascading Style Sheet,汉语意思是“级联样式表”,通常又称为“风格样式表(Style Sheet)",他是用来进行网页风格设计的。
CSS有几种引入方式? link 和@import 有什么区别?
CSS通常有内联式、内部式、外部式
- link方法 链接式
- @import引入 导入式
差别 | link | @import |
---|---|---|
属于差别 | 属于XHTML标签,除了可以加载CSS外,还可以定义RSS,定义rel连接属性 | 是CSS提供的一种方式,只能加载CSS |
加载顺序差别 | link引用的CSS会同时被加载 | @import引用的CSS会等到页面全部被下载完再被加载 |
兼容性差别 | link标签无此问题 | @import是CSS2.1提出的所以老的浏览器不支持,只有在IE5以上的才能识别 |
使用DOM控制样式时的差别 | 当使用JavaScript控制DOM去改变样式的时候,只能使用link标签 | @import不是DOM可以控制的 |
@import可以在CSS中再次引入其他样式表 | 可以创建一个主样式表,在主样式表中再引入其他的样式表 |
以下这几种文件路径分别用在什么地方,代表什么意思?
内容 | 说明 |
---|---|
css/a.ss | 相对路径:当前文件夹内的CSS文件夹内的a.css |
./css/a.css | 相对路径:当前文件夹内的CSS文件夹内的a.css |
b.css | 相对路径:当前文件b.css |
../imgs/a.png | 相对路径:上层目录下的imgs文件夹下的a.png |
/User/hunger/project/css/a.css | 绝对路径:在本计算机上可以通过这个路径直接找到 |
/static/css/a.css | 以绝对路径的方式在服务器中寻找a.css文件 |
css/a.css | 相对路径的方式在服务器中寻找a.css文件 |
http://cdn.jirengu.com/kejian1/8-1.png | 通过该地址可以找到网络上的8-1.png文件 |
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
1. 将本地的图片上传,直接使用相对路径调用展示图片
2. 通过网络路径链接直接引用图片
列出5条以上html和 css 的书写规范
- 语法不区分大小写,但建议统一使用小写
- 不使用内联的style属性定义样式
- id和class使用有意义的单词,分隔符建议使用-
- 有可能就是用缩写
- 属性值是0的省略单位
- 块内容缩进
- 属性名冒号后面添加一个空格