CSS的全称是什么?
CSS,Cascading Style Sheets,层叠样式表。
CSS有几种引入方式?link和@import有什么区别?
内联样式,在标签内进行设置,用到style。
<h1 style="color: red; font-size: 20px;"></h1>内部样式,要用到<style>标签,只对当前页面有效。一般放置在<head>
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>外部样式,使用link或@import,从外部通过链接,引入CSS。
<link rel="stylesheet" type="text/css" href="index.css">
或者
<style>
@import url("hello.css");
@import "world.css";
</style>浏览器默认样式,浏览器会默认设计一些样式,当html没有引入样式的时候,浏览器就会使用浏览器的默认样式。
link和@import的区别:
- link是一个html标签,可以在html中使用,而@import是css中的一个语法,只能在css样式表或style标签内使用。
- 加载一个html时,link引用的CSS会被同时加载,而@import会等页面加载完后再开始加载引入CSS。
- @import是CSS2.1提出的,在兼容性上一些老的浏览器不支持,而link不会。
- @import可以在CSS中再次引入其他的样式表,而link不行
以下这几种文件路径分别用在什么地方,代表什么意思?
- 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
1 相对路径。表示在当前文件所在目录下css文件夹中的a.css文件所在位置。
2 相对路径。和1相同
3 相对路径。表示在当前文件所在目录下的b.css文件所在位置。
4 相对路径。表示在当前文件所在目录下的上一级目录下imgs文件夹中a.png文件所在位置
5 绝对路径。表示a.css文件所在的本机文件位置。
6 网站路径。表示a.css文件所在服务器上的文件位置, /static/css/a.css之前是域名。
7 网站路径。表示8-1.png这个文件的线上的地址。
如果想在js.jirengu.com上展示一个图片,需要怎么操作?
将想要展示的图片上传到线上,得到一个地址URL,然后
img src="URL" alt="描述图片"
(此处不能加尖括号,不知为什么)
就可以展示图片。
列出5条以上html和 css 的书写规范
- 写语法的时候尽量用小写。
- 不使用内联样式
- 属性值为0则不写单位
- 属性名冒号后面加一个空格
- 使用4个空格缩进,不使用tab
6.当有多个选择器是,每个选择器单写一行
截图介绍 chrome 开发者工具的功能区
控制台还是有些乱,涉及到很多新名词,很懵。