CSS简介

2017-02-28  本文已影响0人  饥人谷_tonya

CSS的全称是什么?

css的全称是Cascading Style Sheet,汉语意思是“级联样式表”,通常又称为“风格样式表(Style Sheet)",他是用来进行网页风格设计的。

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

CSS通常有内联式内部式外部式

差别 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 的书写规范

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

Paste_Image.png
上一篇下一篇

猜你喜欢

热点阅读