入门任务6

作者: 饥人谷_zhangfan | 来源:发表于2017-05-17 11:40 被阅读0次

CSS的全称是什么?##

css全称是Cascading Style Sheets,层叠样式表,一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言。

CSS有几种引入方式? link 和@import 有什么区别?##

引入方式有内部样式内部样式外部样式三种方法
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

link和@import的区别:

  • link是html的标签,@import是css的语法。
  • link标签可以放在html文档的任何位置,@import引入的方式只能放在css文件或者style标签包裹的样式里。
  • 加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。
  • link是html标签,没有兼容性问题,@import只有在IE5以上的才能识别。
  • 当使用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 本地a.css文件的绝对地址
网站路径
/static/css/a.css 服务器根目录下的static目录下的css目录下的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 图片8-1.png在线上的网站路径

如果我想在js.jirengu.com上展示一个图片,需要怎么操作?##

1、 可以使用相对路径,将HTML文件以及相应的image文件夹上传,在浏览器加载html文件和图片时,图片调用相对路径直接展示
2、 讲图片上传到一台服务器中,然后记录下图片地址,最后通过网站地址直接找到图片

列出5条以上html和 css 的书写规范##

  • 语法不区分大小写,建议统一使用小写
  • 不适用内联的style属性定义样式
  • id和class使用有意义的单词,分隔符使用-
  • 有可能就是使用缩写
  • 属性值为0的省略单位
  • 块内容缩进
  • 属性名冒号后面添加一个空格

截图介绍 chrome 开发者工具的功能区##

elements.png
Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。
Console:记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行Shell。
Sources:断点调试JS,也可以在工作区打开你的本地文件。
Network:从发起网页页面请求Request后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、大小、所用时间等),可以根据这个进行网络性能优化。
Timeline:记录并分析在网站的生命周期内所发生的各类事件,以此可以提高网页的运行时间的性能。
Profiles:如果你需要Timeline所能提供的更多信息时,可以尝试一下Profiles,比如记录JS CPU执行时间细节、显示JS对象和相关的DOM节点的内存消耗、记录内存的分配细节。
Application:记录网站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存数据、字体、图片、脚本、样式表等。
Security:判断当前网页是否安全。
Audits:对当前网页进行网络利用情况、网页性能方面的诊断,并给出一些优化建议。比如列出所有没有用到的CSS文件等。

相关文章

  • 入门任务6

    CSS的全称是cascading style sheets CSS有四种引入方式 内联样式:image.png 内...

  • 入门任务6

    CSS的全称是什么?## css全称是Cascading Style Sheets,层叠样式表,一种用来为结构化文...

  • 入门任务6

    CSS的全称是什么: Cascading Style Sheets, 层叠样式表@charset "utf-8";...

  • 入门6-课程任务

    1.css全称是什么? css全称是Cascading Style Sheets,层叠样式表。是一种用来表现HTM...

  • 任务6-css入门

    1、CSS的全称是什么? CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制...

  • css基础 入门-任务6

    1.CSS的全称是什么? CSS样式全称为Cascading Style Sheets,中文翻译为“层叠样式表” ...

  • 20171002 周一 今日计划+回顾

    一、今日计划 学习任务:算法入门 - 阅读 CL 6 系统任务:10月份计划 + 第40周计划 二、今日回顾 三、...

  • 入门任务

    任务二 web 相关知识了解 前端是做什么的?互联网职位有哪些常见的简称(如PM…) 在一个待开发的产品中,产品经...

  • ECMAScript 6 入门--let、const和变量解构

    ECMAScript 6 入门--let、const和变量解构 《ECMAScript 6 入门》 购买 ES6...

  • 值得收藏的前端网站

    ESMAScript 6 入门经典:阮一峰老师的开源书ECMAScript 6 入门

网友评论

    本文标题:入门任务6

    本文链接:https://www.haomeiwen.com/subject/jfzrxxtx.html