CSS的全称是什么?
cascading style sheets,层叠样式表
CSS有几种引入方式? link 和@import 有什么区别?
三种:
1、内联样式
<p style="background:red;">;
2、内部样式;
<style>
.classname{ background:red;}
</style>
3、外部样式,分为两种link和@import
<link href="a.css" type="text/css" rel="stylesheet">
<style>
@import url("a.css");不要忘记分号;
""引号可以省略
@import ”a.css”;
</style>
区别
link是个html标签
@import是个css的语法,随时随地可以引用放在样式文件中(在其他css中还可以通过它进行引用另外的css文件)
具体有两种写法
><style>
>@import url("a.css"):
其中”“可以去掉 ,简化为
>@import url (a.css);
或者
>@import ”a.css“;
1.写法不同
link是个标签。@import是一种css3的写法。
2.两者的加载方式不同
link链接的是外部样式,浏览器将其会同html文件差不多一同加载渲染,而@import要等html加载完成之后在进行加载。
3.兼容性的差别。由于@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
4.使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制改变的。
link支持javascript控制dom去改变样式,而@import不支持通过dom去改变样式,只能通过css去修改样式。
以下这几种文件路径分别用在什么地方,代表什么意思?
相对路径:
css/a.css :css文件夹中的a.css文件
./css/a.css:**当前css文件夹中的a.css文件
b.css:与a.css同目录下的b.css文件
../imgs/a.png:上一级目录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:8-1.png在网络上的路径
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
在本地搭建服务器,然后上传图片到本地服务器,得到地址,然后再js.bin中调用地址。
或者直接将图片上传到百度图片的服务器,得到url,再在js.bin中调用
列出5条以上html和 css 的书写规范
1.注意大小写,属性一律小写
2.不适用内联样式
3.属性值为o的省略单位
4.属性名字后加一个空格,便于好看
5.id和class 起名字要有意义,两个单词可以使用-连接
6.属性书写的顺序
截图介绍 chrome 开发者工具的功能区
http://chuantu.biz/t5/48/1488191859x1944531257.png
**严禁转载,违者必究!
网友评论