CSS的全称是什么?
- 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS有几种引入方式? link 和 @import 有什么区别?
-
引入方式:
- 在
<head>
里面使用 <link rel="stylesheet" href="xxx.css">
引用外部文件
- 在
<head>
中的 <style>
标签里面写样式
- 在要使用样式的元素中写
<p style="xxx:xxx;">
- 在
<style>
里面写上 @import url(http://xxx.css);
-
区别:
- link 是 HTML 标签除了 CSS 还能定义别的东西,而 @import 是纯 CSS
- link 和页面本体是会同时加载的,而 @import 得等到页面加载完成再加载
- @import 是 CSS 2 标准,在多年前可能会有兼容性问题
- 当使用 JavaScript 控制 DOM 去改变样式的时候,只能使用 link 标签,因为 @import 不是 DOM 可以控制的
以下这几种文件路径分别用在什么地方,代表什么意思?
// 相对路径
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 // 一般是指在相对本地路径找到User文件夹下 hunger 文件夹下 project 文件夹下 css 文件夹下 a.css 文件
// 网站路径
// 假设将个人电脑作为站点,localhost:8080
/static/css/a.css // 一般情况下在当前项目的 根目录下的 static 文件下的文件下的a.css 文件
static/css/a.css // 相对路径:当前项目对应的目录下的 static 文件下的文件下的a.css 文件
http://cdn.jirengu.com/kejian1/8-1.png // 一般情况下是引用http://cdn.jirengu.com这个CDN服务下的kejian1文件下的8-1.png
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 第一种是将图片上传到该网站的服务
- 第二种是生成图片的链接,然后引用图片。
列出5条以上html和 css 的书写规范
Code Guide by @AlloyTeam
-
HTML编码规范
- class 必须单词全字母小写,单词间以
-
分隔
- class 必须代表相应模块或部件的内容或功能,不得以样式信息进行命名
- 标签名必须使用小写字母
- 标签使用必须符合标签嵌套规则
- HTML 标签的使用应该遵循标签的语义
- 属性名必须使用小写字母,属性值必须用双引号包围
- 自定义属性建议以 xxx- 为前缀,推荐使用 data-
- ...
-
CSS 编码规范
- 语法不区分大小写,但建议统一使用小写
- 不使用内联的 style 属性定义样式
- id 和 class 使用有意义的单词,分隔符建议使用
-
- 有可能就是用缩写
- 属性值是 0 的省略单位
- 块内容缩进
- 属性名冒号后面添加一个空格
- ...