html和css全称,1.CSS的全称是什么?
添加相同的样式,如果想要修改⼀种样式,⼜不得不修改所有的 style 中的代码。很显然,内联⽅式引⼊ CSS 代码会导致 HTML 代码变得冗长,且使得⽹页难以维护。
2.嵌⼊⽅式
嵌⼊⽅式指的是在 HTML 头部中的
嵌⼊⽅式的 CSS 只对当前的⽹页有效。因为 CSS 代码是在 HTML ⽂件中,所以会使得代码⽐较集中,当我们写模板⽹页时这通常⽐较有利。因为查看模板代码的⼈可以⼀⽬了然地查看 HTML 结构和 CSS 样式。因为嵌⼊的 CSS 只对当前页⾯有效,所以当多个页⾯需要引⼊相同的 CSS 代码时,这样写会导致代码冗余,也不利于维护。
3.链接⽅式
链接⽅式指的是使⽤ HTML 头部的 标签引⼊外部的 CSS ⽂件。
这是最常见的也是最推荐的引⼊ CSS 的⽅式。使⽤这种⽅式,所有的 CSS 代码只存在于单独的 CSS ⽂件中,所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS ⽂件中,CSS ⽂件会在第⼀次加载时引⼊,以后切换页⾯时只需加载 HTML ⽂件即可。
4.导⼊⽅式
导⼊⽅式指的是使⽤ CSS 规则引⼊外部 CSS ⽂件。
@import url(style.css);
link和@import两者都是外部引⽤CSS的⽅式,但是存在⼀定的区别:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引⽤CSS时,在页⾯载⼊时同时加载;@import需要页⾯⽹页完全载⼊以后加载
区别3:link是XHTML标签,⽆兼容问题;@import是在CSS2.1提出的,低版本的浏览器不⽀持。
区别4:ink⽀持使⽤Javascript控制DOM去改变样式;⽽@import不⽀持。
3.以下这⼏种⽂件路径分别⽤在什么地⽅,代表什么意思?
Paste_Image.png
4.如果我想在js.jirengu上展⽰⼀个图⽚,需要怎么操作?
可以直接将图⽚上传到服务器,在页⾯使⽤这张图⽚;或者将图⽚存在本地服务器,然后打开本地服务,然后在⽹站上上引⽤图⽚
如果这个图⽚本来就存在⽹络上其他的服务器上,可以直接使⽤图⽚的⽹络路径链接的⽅式在页⾯上添加url引⽤这张图⽚,说⽩了就是把图⽚的引⽤地址改成⽹络路径就⾏了。
5.列出5条以上html和 css 的书写规范
1.统⼀使⽤⼩写
如何查看html代码2.不使⽤内联的style属性定义样式
3.id和class语义化,分隔符建议使⽤-
4.有可能就⽤缩写
5.属性值是0,省略单位,⽐如不要写成0px,直接是0
6.块内容缩进
7.禁⽌ img的 src取值为空。延迟加载的图⽚也要增加默认的 src
6.截图介绍 chrome 开发者⼯具的功能区
333.png
1是元素区,在这可以看到整个⽹页的结构
2和12 都是控制台,录开发者开发过程中的⽇志信息,且可以作为与JS进⾏交互的命令⾏Shell
3 是资源,这⾥可以看到各种你引⼊的js,主要就是⽤于调试js
4 从发起⽹页页⾯请求Request后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、⼤
⼩、所⽤时间等),可以根据这个进⾏⽹络性能优化
5.时间线记录并分析在⽹站的⽣命周期内所发⽣的各类事件,以此可以提⾼⽹页的运⾏时间的性能。
6.记录JS CPU执⾏时间细节、显⽰JS对象和相关的DOM节点的内存消耗、记录内存的分配细节。
7.记录⽹站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存数据、字体、图⽚、脚本、样式表
8.安全:判断当前⽹页是否安全
9.对当前⽹页进⾏⽹络利⽤情况、⽹页性能⽅⾯的诊断,并给出⼀些优化建议。⽐如列出所有没有⽤到的CSS⽂件等
10.样式区域,可以直观的看到css
11.适配区域,可以适配各种屏幕⼤⼩,⼀般⽤于调试页⾯⾃适应。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论