CSS的全称是什么?
CSS(Cascding Style Sheet)层叠样式表,一种声明示的计算机语言,用来为结构化的文档添加样式。
CSS有几种引入方式?
CSS引入方式一共有4种引入方式分别是
- 外联式 :在HTML文档头部使用一个
<link rel="stylesheet href="style.css">
标签引入CSS文件。 - 内部式: 在HTML文档头部使用一个
<style></style>
标签,将CSS写在HTML文档内内部。 - 内联式:在一个元素上的起始标签内添加一个
style=width: xxpx;
属性这种方式的权限一般来说是最高的,不建议经常使用。 - 外部导入式:在HTML文档头部使用一个
<style></style>
标签在内部添加@impor url(); 引入CSS文件。
link 和@import 有什么区别?
区别1. 使用范围不同 link
属于XHTML标签 ,不仅可以作为CSS的引入方式。@import仅仅是CSS的加载方式。
区别2. 加载方式不同,在一个页面被浏览的时候,如果使用的是link
标签那么会在加载HTML时同时进行CSS文件渲染形成render tree。然而使用@import方式引入CSS文件那么必须等待浏览器把页面上的HTML dom tree加载完成后在导入CSS,如果在网速较慢的情况下,可能会导致页面没有样式。
区别3. 在浏览器兼容上@import的兼容性较差需要在IE5以上浏览器才可以使用(可以忽略不计),而link
没有这样的问题。
区别4. 使用dom控制样式时的差别。 当使用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
绝对路径:表示根目录下的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上展示一个图片,需要怎么操作?
- 使用一个图床软件(这里使用新浪图床作为演示)
列出5条以上html和 css 的书写规范
HTML:
- HTML应该具有语义化在合适的地方使用合适的标签有助于SEO。
- HTML应该统一大小写,建议使用小写。
- HTML标签虽然不闭合也会显示出效果,该闭合的一定要闭合,不然会影响其他元素。
- HTML标签应该具有一定的缩进使得整体看起来比较舒适。
- 在HTML最开始声明一个
<!doctype html>
和<meta charset="utf-8">
编码格式。
CSS:
- CSS同样在书写时要注意缩进不要挤成一团,然后一个声明占据一行。
- CSS同样要统一大小写。
- CSS声明结尾添加;号分隔
- 使用@impor方式时 注意使用""引号和;分号。
- 属性和属性值之间使用冒号: