1.CSS是什么?
CSS的全程为 Cascading style sheets 翻译过来中文是 层叠样式表,它是用来控制或者增强网页样式的一种语言,并且允许网页内容与样式分离。布局,大小,颜色都可以改变。
2.CSS有几种引入方式?import和link引入方式有什么不同?
CSS引入方式大概有三种,内联式,内部式(嵌入式),外联式。
- 内联式
内联式,顾名思义,就是直接在html标签内改变样式,且仅仅改变该标签的样式,下一个同名标签仍为默认样式。大概用法如下:
- 内部式(内联式)
内部式,是写在head标签内同时加入style标签,用选择器来控制元素的样式。例如:
- 外部式
外部式是通过引用外部的CSS文件,来控制网页的样式,也就是通常说的样式与内同分离。通常有两种方式 link 和 import 。这两种方式大大不同,可能有的称 link为链接式,import为导入式。
这三种方法,优先级基本遵循就近原则,所以常常表现为内联式>内部式>外部式。
link和import有什么区别?
这二者虽然都是外部式,都能达到样式与内容分离的效果,但是实际差别还是很大的。
-
link和import
link本身就是一个HTML的标签,理论上他可以出现在HTML的任何一个地方,但是由于实际使用和浏览器的渲染机制,我们通常将其放入head标签内。link 不止可以引用CSS文件,还可以引用其他的类型的文件。而import 是CSS语言,所以他只能导入CSS文件。
加载的方式不同,使用link引入的CSS文件会和页面一起加载,而使用 import引入的CSS则会等页面加载完才开始加载。
兼容性link是HTML标签,所有的浏览器都支持,import则只能支持IE5以上的版本。
其中REL属性描述的是当前文档与链接文档的信息,href指的是文件位置。type被链接文档的MIME信息。
3.常见路径的表示方法
css/a.css 表示相对路径,当前目录下,css文件夹下的a.css文件。
./css/a.css 同上。表示一样的意思。都是相对路径。
b.css 当前目录下的 b.css文件,相对路径。
../images/a.png 上级目录的images文件夹下的a.png文件,相对路径。
/Users/hunger/projects/css/a.css MAC中的绝对路径。
/static/css/a.css 网络上的相对路径,且是以根目录开头的。
'/'表示根目录。 './'表示当前目录。 '../'表示上级目录。
4.如果我想在饥人谷中上展示一个图片,怎么操作?
- 如果我是开发人员就可以将电脑上的本地图片上传到服务器文件上,直接用网站的相对路径引用,也可以直接在用网络上的图片,使用网络绝对路径来上传。
- 现在我不是开发人员,只能调用网络上绝对路径来上传。
- 直接上传绝对路径的。
- 把图片变成网络绝对路径的。
5. 列出5条以上HTML和CSS规范
属性名冒号后面加空格
尽量用小写
不使用内联样式
块内容缩进
标签一定要闭合