初学CSS
2017-06-23 本文已影响0人
hellowade
问题1
css全称：层叠样式表（Cascading Style Sheets）
问题2
1.CSS的三种引入方式
- 行内引入（内联样式）：当特殊的样式需要应用到个别元素时，就可以使用内联样式。
- 内部引入（内部样式表）：单个文件需要特别样式时，就可以使用内部样式表。
- 外部引入（外部样式表）：当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。
2.** link 和@import的主要区别** - link属于XHTML标签，@import完全是CSS提供的一种方式
- link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性，@import就只能加载CSS了
- 加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁）
- 兼容性的差别。低版本浏览器不支持@import，而link标签无此问题。
- 使用dom控制样式时的差别。当使用js控制dom去改变样式的时候，只能使用link标签
问题3
| 路径 | 存放位置 | 代表含义 |
|---|---|---|
| css/a.css | 位于相邻css文件夹中的a.css | 从相邻的css文件夹中引入a.css |
| ./css/a.css | 位于相邻css文件夹中的a.css | 从相邻的css文件夹中引入a.css |
| b.css | 位于同一文件夹下的b.css | 从html位于的本文件夹下引入b.css |
| ../imgs/a.png | 位于上级imgs文件夹下的a.png | 从上级imgs文件夹中引入a.png |
| /Users/hunger/project/css/a.css | 位于Users文件夹下hunger下projec下css中的a.css | 引入该路径下的a.css |
| /static/css/a.css | 位于static文件夹下css中的a.css | 引入该路径下的a.css |
| http://cdn.jirengu.com/kejian1/8-1.png | 位于http://cdn.jirengu.com网站中kejian目录下的8-1.png | 引入该路径下的8-1.png |
问题4
在js.jirengu.com上展示一个图片：在GitHub上新建images文件夹存放图片，图片可通过gitbash推送上远程仓库，使用图片时，复制图片地址即可。
示例
问题5
html和 css 的书写规范
- 字母宜小写
- 标签应闭合
- 不宜使用内联样式
- 在页面的head标签中引入所有的样式表文件
- css中选择器 与 { 之间必须包含空格，属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格
- css属性定义后必须以分号结尾
