现在的位置: 首页 > web前端 > 正文

HTML和css中的知识点

2019年11月12日 web前端 ⁄ 共 1304字 ⁄ 字号 评论关闭

  1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

  IE: trident内核

  Firefox:gecko内核

  Safari:webkit内核

  Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

  Chrome:Blink(基于webkit,Google与Opera Software共同开发)

  2、每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?

  声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)

  3、div+css的布局较table布局有什么优点?

  改版的时候更方便 只要改css文件。

  页面加载速度更快、结构化清晰、页面显示简洁。

  表现与结构相分离。

  易于优化(seo)搜索引擎更友好,排名更容易靠前。

  4、简述一下src与href的区别。

  src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。

  src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。

  当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

  href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加

  那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。

  5.有哪项方式可以对一个DOM设置它的CSS样式?

  外部样式表,引入一个外部css文件

  内部样式表,将css代码放在 标签内部

  内联样式,将css样式直接定义在 HTML 元素内部

  6.行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?

  块级元素(block)特性:

  总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;

  宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

  内联元素(inline)特性:

  和相邻的内联元素在同一行;

  宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变(也就是padding和margin的left和right是可以设置的),就是里面文字或图片的大小。

  那么问题来了,浏览器还有默认的天生inline-block元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?

抱歉!评论已关闭.