css的全称是什么
Cascading Style Sheets（层叠样式表），用于给HTML页面添加布局，增加样式
css有哪几种引入方式？link和@import有什么区别
- 内联式
<p style="color:red;font-size:20px">this is some text</p> - 内部式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
p {
color:red;
font-size:20px;
}
</style>
</head>
<body>
<p>this is some text</p>
</body>
</html>
- 外部式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<link rel="stylesheet" type="text/css" href="css/test.css">
</head>
<body>
<p>this is some text</p>
</body>
</html>
- 导入式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
@import url("http://www.domainname.com/css/normal.css")
</style>
</head>
<body>
<p>this is some text</p>
</body>
</html>
link标签引入的css文件和用@import导入的css的区别：
- link属于HTML标签，可以用在任何地方，而@import完全是CSS的语法，只能用在style标签中。
- 加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。
- 兼容性的差别，由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
- 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
以下这几种文件路径分别用在什么地方，代表什么意思?
css/a.css 相对路径，以当前html页面所在目录为基准来定位目标文件
./css/a.css 仍然是相对路径，前面两个字符“./”代表当前目录，可以不加，与上述路径相同
b.css 相对路径，在当前html页面所在目录中的b.css文件
../imgs/a.png 相对路径，在当前html页面所在目录的上一级目录中有一个imgs文件夹，imgs文件下有a.png文件
/Users/hunger/project/css/a.css绝对路径，文件或目录在计算机上的真正位置，在本地计算机上可以通过该路径找到a.css文件
/static/css/a.css 网络路径，从网站的根目录到达a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 网站路径，通过http协议发送请求找到目标文件
如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
通过极简图床可以做到
- 首先打开该网站 极简图床
点击选取文件
2.选取上传文件
选择上传文件
3.获取文件地址
4.把文件地址粘贴到合适的位置
列出5条以上html和 css 的书写规范
- HTML书写规范
- 为每个HTML页面的第一行添加标准模式（standard mode）的声明
- HTML属性应当按照一定的顺序依次排列，来确保代码的易读性
- 标签、属性、属性命名由小写英文、数字和_组成，且所有标签必须闭合，属性值必须用双引号""
- 避免使用中文拼音尽量简易并要求语义化
- 多用无兼容性问题的HTML内置标签
- CSS书写规范
- 语法建议统一使用小写
- id和class的值选择有意义的单词，单词之间的连接建议使用中横线“-”
- 属性值是0的省略单位
- 缩进建议两个空格
- 不适用内联的style属性定义样式
网友评论