任务6作业

1、CSS的全称是什么?

Cascading Style Sheets 层叠样式表

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

3 种 内联样式 内部样样式 外部样式
区别:@import 放在任何的样式里面 它是css语法,加载比较慢,不建议使用
而link 是html 标签 可以放在<html></html> 这对标签里的任何位置

3、以下这几种文件路径分别用在什么地方,代表什么意思?
  • css/a.css
    相对于当前HTML所在位置的css文件路径。
  • ./css/a.css
    和css/a.css 是一个意思,因为./ 就代表当前的意思。
  • b.css
    和HTML文件和b.css文件处于平行位置,也可以说,它们的父级文件夹是同一个文件夹。
  • ../imgs/a.png
    ../ 代表是上一级。也就是说从当前这个文件先回到上一级,然后进入imgs目录,再找到a.png
  • /Users/hunger/project/css/a.css
    绝对路径,在本地的时候可以用,如果上传服务器的话,那么是不可以的。而且名字太长。
  • /static/css/a.css
    代表主域名下的css,如果开启服务器为http://localhost:8080
    那么就是http://localhost:8080/static/css/a.css.而此时如果你
    正好在开启服务器的目录下有static文件夹下里有css文件夹,同时
    css文件夹下有a.css。那么就不会出错。
  • http://cdn.jirengu.com/kejian1/8-1.png
    比如是我在html文件里写![](http://upload-images.jianshu.io/upload_images/7634882-f09b649c7759b7bb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 表示我在我写的这个页面里展示了这个图片。就是等同于图片链接。
4、如果我想在js.jirengu.com上展示一个图片,需要怎么操作?

如果是本地图片,那么你就需要先上传到图床,比如七牛,然后会自动的给你生成一个图片外链。
复制图片外链,放在img标签的src属性里就可以。
如果是网上图片,只要把图片链接,复制,同样放在img标签的src属性里就可以了。

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

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

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

按 f12 打开

点击Network

一般调试一些ajax接口的时候有用


Network.png

Name 下为所有请求
header 请求文件的头部 可以看到我们向接口传递的那些数据。
response 后台给我们的那些东西,一般是字符串,json格式的字符串preview 在这个下面我们看到的是 json格式的字符串被解析为json格式

点击element
Element.png

如果想要修改页面上的某个元素可以直接在此区域进行修改,直接点击想要修改的元素,然后右键-->检查


Gmai.png

飞机.png

将原本的Gmail 改成了飞机。
在右边的style区 可以添加样式


Style.png

blue.png

飞机blue.png
点击 console
Console.png

可以看到网站的一些信息。比如有没有错误
以及网站的console.log的一些内容。同时可以查看网站js的全局变量
自己也可以在控制台运行js代码。原因是你的代码就是全局作用域里的
而,控制台就是全局作用域。

点击 souce区

这里主要用来调试,先打个断点,然后刷新


source.png

可以看到变量值


scope.png

这里是可以进行单步调试。
调试.png
点击application

就主要查看Cookie。


application.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,727评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,462评论 25 707
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,357评论 0 17
  • 偶然看到一个财经女主持的照片,我在同学群里说,鼻子估计整过了吧,挺拔得太不自然。曾经看过她主持的一档节目,...
    我是费昂娜阅读 168评论 0 0
  • 现在在中国可以说资金上还是比较充沛,但是对于没有办法融资的人又感觉资金特难,所以是一个两极分化的状态。在任何时...
    江山华强阅读 108评论 0 0