CSS的全称是什么?
- 层叠样式表
- 英文为Cascading style sheet
CSS有几种引入方式? link 和@import 有什么区别?
- 内联样式:
<p style="height: 10px;" ></p>
- 内部样式:
<style>body{margin: 0;padding: 0;}</style>
- 外部部样式:
<link rel="stylesheet" type="text/css" href="style.css">
- link是一个html标签,一般放在HEAD里,而@import是CSS语法需要放在style里,另外link还可以链接别的东西并不只是CSS比如网页的图标
<link rel="icon" href="logo.ico" type="image/x-icon" />
效果如下:
会在网页title左边出现一个小图标
- 加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS 会等到页面全部被下载完再被加载。
以下这几种文件路径分别用在什么地方,代表什么意思?
文件路径 | 意义 |
---|---|
css/a.css | 当前目录下的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 | static文件夹里面的css文件夹里面的a.css |
http://cdn.jirengu.com/kejian1/8-1.png | 图片上传后生成的线上地址 |
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 先把图片上传至jirengu服务器,然后引用相对路径
- 上传图片,生成图片链接,然后引用图片
列出5条以上html和 css 的书写规范
- 所有的HTML标签必须小写;
- 所有的HTML属性必须小写;
- 所有的样式名及规则必须小写;
- 以 UTF-8 无 BOM 编码作为文件格式;
- 在HTML中文档中用 <meta charset="utf-8" /> 来指定编码;
- 为每个CSS文档显示的定义编码,在文档首行定义 @charset "utf-8";
- 将结构(html)与表现(css)、行为分离(javaScript),保证它们之间的最小耦合,这对前期开发和后期维护都至关重要。
网友评论