Q1:CSS的全称是什么?
A1:Cascading Style Sheets, 层叠样式表
Q2:CSS有几种引入方式? link 和@import 有什么区别?
A2:内联样式<h1 style="color:red; font-size:20px;"></h1>
内部样式<style type="text/css"> h1 {color:red; font-size:20px;} </style> <h1>饥人谷</h1>
外部样式<head> <link rel="stylesheet" type="text/css" herf="index.css"> </head> <style>@import url(hello.css); @import "world.css" </style>
2.2 link 与@import的区别
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。
Q3:以下这几种文件路径分别用在什么地方,代表什么意思?
css/a.css
./css/a.css
b.css
../imgs/a.png
/Users/hunger/project/css/a.css
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png
css/a.css 相对路径 代表当前目录下的css文件夹中的a.css
./css/a.css当前目录中css文件夹中的a.css文件
b.css当前目录下的b.css文件
../imgs/a.png 上级目录中的imgs 文件夹中的a图片
/User/hunger/project/css/a.css 绝对路径 本地绝对路径中的a.css文件
/static/css/a.css 网站中的相对路径
http://cdn.jirengu.com/kejian1/8-1.png
该地址可以找到定位到互联网上的"8-1.png"文件
Q4:如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
方法1:可以直接将图片上传到服务器,在页面使用这张图片;或者将图片存在本地服务器,然后打开本地服务,然后再在JS BIN上引用图片
方法2:如果这个图片本来就存在网络上其他的服务器上,可以直接使用图片的网络绝对路径链接的方式在页面上添加url引用这张图片
Q5:列出5条以上html和 css 的书写规范
- HTML书写规范
使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
class 必须单词全字母小写,单词间以 - 分隔。
对于无需自闭合的标签,不允许自闭合,例如input、br、img、hr等
对 HTML5 中规定允许省略的闭合标签,不允许省略闭合标签。
使用 HTML5 的 doctype 来启用标准模式,建议使用大写的 DOCTYPE。 - CSS书写规范
使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
选择器 与 { 之间必须包含空格。
属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
列表型属性值 书写在单行时,, 后必须跟一个空格。font-family: Arial, sans-serif;
每行不得超过 120 个字符,除非单行不可分割。
当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。