CSS的全称是什么?
CSS为Cascading Style Sheets,层叠式样式表,用于设置网页结构,实现各式的网页效果。
CSS有几种引入方式? link 和@import 有什么区别?
CSS有三种引入方式,分别为:
- 内联样式
<h2 style = "color:red;"> </h2>
- 内部样式
<style type = "text/css">
color: red;
</style>
- 外部样式:使用链接引入方式加载样式
<link rel="stylesheet" href="index.css">
# 以下两种引入方式需放在style标签中
@import url("*.css")
@import "world.css"
- link属于html标签,而@import是css提供的。
- 页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。
- link是html标签,因此没有兼容性,而@import只有IE5以上才能识别。
- link方式样式的权重高于@import的。
以下这几种文件路径分别用在什么地方,代表什么意思?
-
css/a.css
:相对目录,html文件所在目录下css文件夹中的a.css文件 -
./css/a.css
:相对目录,与上一条等价 -
b.css
:相对目录,html文件所在目录的b.css文件 -
../imgs/a.png
:相对目录,上层目录下imgs文件夹中a.png -
/Users/hunger/project/css/a.css
:绝对目录,路径位置就是文件实际位置 -
/static/css/a.css
:网络路径,代表网站根目录下 static/css 文件夹中的a.css文件的位置 -
http://cdn.jirengu.com/kejian1/8-1.png
:网络路径,代表图片8-1.png在网站上的位置
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 首先将图片上传到一个图床,获得一个图片的外链地址a.b;
- 使用img标签,将a.b放入src属性中即可。
列出5条以上html和 css 的书写规范
- 语法使用小写;
- 不使用内联样式;
- id class命名用有意义的单词,分隔时使用
-
; - 块内容缩进使代码更清晰可读;
- 属性名冒号后加空格;