CSS的全称是什么?
Cascading Style Sheets,层叠样式表。可以用于静态的修饰网页,也可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS有几种引入方式? link 和@import 有什么区别?
有三种引入方式。
- 内联样式
<h1 style="color: red; font-size: 20px;"></h1>
样式直接写在HTML标签中,简单直接,但对后续的修改以及添加样式会很繁琐,不推荐使用。
- 内部样式
<style type="text/css">
h1 {
color: red; font-size: 20px;
}
</style>
在head标签内添加style标签,样式写在style标签内,开头需要声明代码语言。一般用于单个文件的特殊样式添加,在页面较多时使用外部样式。
- 外部样式
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
最常用的引用方式,rel:告诉浏览器引用的是一个样式表文件;type:文件类型(可省略);href:文件地址。实现了内容与样式分离。
<style>
@import url("hello.css");
</style>
使用CSS语言引入。
link和@import的区别:
link是页面加载时候的同时加载 ,@import是在整个页面加载完之后再加载CSS文件的,如果页面加载很慢,会出现一开始无样式。@import是css2.1提出的,只在ie5以上才能识别,link不存在这个问题,兼容性较好。
以下这几种文件路径分别用在什么地方,代表什么意思?
文件路径 | 代表 |
---|---|
css/a.css | 在与本文件同级的css文件夹下的a.css文件 |
./css/a.css | 同上,./代表当前 |
b.css | 同级的b.css文件 |
../imgs/a.png | 上一级的目录的imgs文件夹下的a.png文件,../代表返回上一级 |
/Users/hunger/project/css/a.css | 本地文件的绝对路径 |
/static/css/a.css | 网站路径的绝对路径 |
http://cdn.jirengu.com/kejian1/8-1.png | 图片上传后生成的线上地址 |
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
首先上传图片,得到图片的线上地址,再使用线上地址来引用图片。
列出5条以上html和 css 的书写规范
html规范:
- id元素必须保证页面唯一。
- 同一页面,应避免使用相同的 name 与 id。
- 标签使用必须符合标签嵌套规则。
- 属性值必须用双引号包围。
- 引入 CSS 时必须指明 rel="stylesheet"。
- title 必须作为 head 的直接子元素,并紧随 charset 声明之后。
CSS书写规范:
- 语法不区分大小写,但建议统一使用小写
- 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。
- 属性定义后必须以分号结尾。
- 不使用内联的style属性定义样式
- id和class使用有意义的单词,分隔符建议使用-
- 属性值是0的省略单位
- 块内容缩进
- 属性名冒号后面添加一个空格