1.什么是CSS
CSS的全称为Cascading Style Sheets ，即层叠样式表，CSS是一种样式表语言，用于为HTML文档定义布局。
2.CSS有几种引入方式? link 和@import 有什么区别?
- CSS有4种引入方式
-
行内样式
直接在HTML标签中使用style=""
<div style="background:black;"></div>
-
内嵌样式
将CSS代码写style标签内，并放在<head></head>之间
<style> div { background: black; } </style> -
链接样式
在<head></head>之间加上<link type="text/css" rel="stylesheet" href="" />,其中href属性的值为外部CSS文件的地址
<link type="text/css" rel="stylesheet" href="style.css" /> -
导入样式
采用@import样式导入CSS样式表，在HTML初始化时，会被导入到HTML或者CSS文件中，成为文件的一部分，类似内嵌样式。
<style type="text/css">@import url(style.css);</style>
-
link 和@import的区别
- link:html标签，不存在兼容性问题，会随着页面的加载同时被加载，优先级高于@import，可以调用CSS以外的文件
- @import:CSS语法，只兼容IE5以上，等待页面加载完后才会被加载，只能调用CSS文件
3.以下这几种文件路径分别用在什么地方，代表什么意思?
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 网站路径
4.如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
有三种方法：
- 直接把图片上传到服务器，并用相对路径
- 在网上找到图片和图片连接后，用网络路径
- 上传到图床得到图片链接，然后用网络路径
5.列出5条以上html和 css 的书写规范
HTML规范
- id class建议单词全字母小写，单词间以 -分隔。同项目必须保持风格一致。
- HTML 标签的使用应该遵循标签的语义。
- 禁止 img的 src取值为空。延迟加载的图片也要增加默认的 src
- 使用 button元素时必须指明 type 属性值。
- 在 CSS 可以实现相同需求的情况下不得使用表格进行布局
CSS规范
- 属性名与之后的 :之间不允许包含空格， :与 属性值之间必须包含空格
- 选择器的嵌套层级应不大于 3级，位置靠后的限定条件应尽可能精确
- 在可以使用缩写的情况下，尽量使用属性缩写
- 尽量不使用 !important声明。
- 将 z-inde 进行分层，对文档流外绝对定位元素的视觉层级关系进行管理
6.截图介绍 chrome 开发者工具的功能区
QQ截图20170206145856.png
网友评论