CSS基础
2017-04-27 本文已影响17人
kumabearplus
1、CSS的全称是什么?有什么作用?
- CSS的全称是 Cascading Style Sheets，即层叠样式表。
- CSS是一种样式表语言，用于为HTML文档定义布局, 例如，CSS涉及字体、颜色、边距、高 度、宽 度、背景图像、高级定位等方面。
2、CSS有几种引入方式? link 和@import 有什么区别?
2.1、CSS有几种引入方式?
CSS有4种引入样式，分别为内联式、内部式、外部式和导入式。
1.内联式
<p style="color: red; font-size: 3px;">
内联式
</p>
2.内部式
<style type="text/css">
h1 {
color: red;
font-size: 3px;
}
</style>
<h1>内部样式</h1>
3.外部式
<head>
<title>外部式</title>
<link rel="stylesheet" type="text/css" href="c.css">
</head>
4.导入式
<style>
@import url(a.css);
@import "b.css";
</style>
2.1、link 和@import 有什么区别?
- link是HTML标签，可以直接写在HTML中；@import是CSS语法，需要写在CSS样式表或者style标签中。
- link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
- link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
- link支持使用Javascript控制DOM去改变样式；而@import不支持。
3、以下这几种文件路径分别用在什么地方，代表什么意思?
- css/a.css 相对路径：当前文件夹下的css文件夹内的a.css文件。
- ./css/a.css 相对路径：当前文件夹下的css文件夹内的a.css文件。
- b.css 相对路径：当前文件夹下的b.css文件
- ../imgs/a.png 相对路径：上级文件夹下的imgs文件夹内的a.css文件。
- /User/hunger/project/css/a.css 绝对路径：本地绝对路径中的a.css文件。
- /static/css/a.css 以绝对路径的方式在服务器中寻找a.css文件。
- css/a.css 以相对路径的方式在服务器中寻找a.css文件。
- http://cdn.jirengu.com/kejian1/8-1.png 网站中的路径： 指向网络上的一个图片。
4、如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
- 如果这个图片本来就存在网络线上，可以直接使用图片的网络绝对路径链接的方式在页面上添加url引用这张图片。
- 如果图片在本地，可将图片上传到某个网址，生成一个线上网址，或将图片文件存于本地服务器，开启本地服务即可使用。
5、列出5条以上html和 css 的书写规范
- 语法建议统一使用小写
- 不使用内联样式的style元素定义样式，建议采用外部css
- id和class使用有意义的单词，分隔符建议使用-
- 属性值是0的省略单位
- 缩进建议使用2个空格
- 属性名冒号后面添加一个空格
6、截图介绍 chrome 开发者工具的功能区
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
