任务6
作者:
阿洁2185 | 来源:发表于
2017-04-13 16:00 被阅读0次
css全称是什么？
- css全称是cascading style sheets，层叠样式表。CSS是一种样式表语言，用于为HTML文档定义布局。 例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。
CSS有几种引入方式? link 和@import 有什么区别?
- css引入方式
- 内联样式
内联样式是通过HTML标签中的style属性添加css。
例：
<p style="color:red;"></p>
这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 <p> 拥有相同的样式，你不得不重复地为每个 <p>添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。
- 嵌入式
嵌入式是用HTML标签中的<style>标签包裹，放在<head>里面。嵌入式对于单个页面这样的书写方式很方便。
例：
<style type="a.css">
p{
color:red;
}
</style>
<p>adger</p>
- 链接式
link链接将一个独立的css文件引入HTML中。
例：
<link rel="stylesheet" herf="a.css" >
- 导入式
@import同link一样，导入独立的css文件到HTML里。
例：
<style>
@import url("a.css")
@import "b.css"
</style>
- link与@import的区别
- ：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
- ：link引用CSS时，在页面载入时同时加载；@import是在CSS2.1提出的，低版本的浏览器不支持。
- ：link是XHTML标签，无兼容问题；@import是CSS2.1提出的，低版本的浏览器不支持。
- ：link支持使用JavaScript控制DOM去改变样式；而@import不支持。
以下这几种文件路径分别用在什么地方，代表什么意思?
- 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 文件在当地的绝对地址
- /static/css/a.css 网站中也可以使用的文件地址
-
http://cdn.jirengu.com/kejian1/8-1.png 文件在网络中的地址
如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
- 将图片上传到网上，引入图片网络地址。
- 以相对文件路径的方式将图片导入js.jirengu.com。
列出5条以上html和 css 的书写规范
- 语法不区分大小写，但建议统一使用小写。
- 不使用内联的style属性定义样式。
- id和class使用有意义的单词，分隔符建议使用“-”。
- 属性值为0的省略单位。
- 块级内容缩进。
- 属性名冒号后面加一个空格。
介绍 chrome 开发者工具的功能区
image.png
本文标题：任务6
本文链接：https://www.haomeiwen.com/subject/jofbattx.html
网友评论