HTML/CSS面试题(收集)[通俗易懂]

HTML/CSS面试题(收集)[通俗易懂]1、目前主流的浏览器以及其内核名有哪些?点这里查看2、内元素和块级元素的区别?行内元素:不会独立出现在一行,单独使用的时候后面不会有换行符的元素。eg:span,strong,img,a等。这些元素,默认的高宽,总是其内容的高宽。并且,margin和padding值,只有左右有效。块级元素:独立在一行的元素,他们后面会自动带有换行符。eg:di

大家好,又见面了,我是你们的朋友全栈君。

1、目前主流的浏览器以及其内核名有哪些?
点这里查看
2、内元素和块级元素的区别?
行内元素:不会独立出现在一行,单独使用的时候后面不会有换行符的元素。eg:span, strong, img, a 等。这些元素,默认的高宽,总是其内容的高宽。并且,margin和padding值,只有左右有效。
块级元素:独立在一行的元素,他们后面会自动带有换行符。eg:div , p ,form , ul , li , ol , dl 等。它们的出现,往往独自占领一行。在没有设置宽度的情况下,默认宽度总是其父元素的宽度。
行内元素转换成块元素,只要设置其display属性为block即可,display:block; 。块元素转换成行内元素,只要将其display属性设置为inline即可,display:inline;。

3、Doctype作用?
<!DOCTYPE>告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

4、引入样式时,link和@import的区别?
链接样式时,link只能在HTML页面中引入外部样式
导入样式表时,@import 既可以在HTML页面中导入外部样式,也可以在CSS样式文件中导入外部CSS样式。

5、html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。

(1)绘画 canvas;
(2)用于媒介回放的 video 和 audio 元素;
(3)本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
(4)sessionStorage 的数据在浏览器关闭后自动删除;
(5)语意化更好的内容元素,比如 article、footer、header、nav、section;
(6)表单控件,calendar、date、time、email、url、search;
(7)新的技术webworker, websocket, Geolocation;

IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim;

6、关于定位
一共有5个值,分别是:absolute fixed relative static inherit。

absolute  生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
fixed    生成绝对定位的元素,相对于浏览器窗口进行定位。
relative  生成相对定位的元素,相对于其正常位置进行定位。
static   默认值。没有定位,元素出现在正常的流中
inherit   规定应该从父元素继承 position 属性的值

注:relative是相对其自身的位置变动的。absolute是会向上找其父元素,直到找到不是static定位的元素进行定位。一般在使用absolute的时候,都会给其父元素设置position:relative属性,使其基于父元素定位。

7、

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143985.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 为什么引入ReLU激活函数

    为什么引入ReLU激活函数https://blog.csdn.net/fredinators/article/details/79443386ReLu是神经网络中的一个激活函数,其优于tanh和sigmoid函数。1.为何引入非线性的激活函数?如果不用激活函数,在这种情况下每一层输出都是上层输入的线性函数。容易验证,无论神经网络有多少层,输出都是输入的线性组合,与没有隐藏层效果相当,这种情况就是最原始的感知机(…

    2022年6月20日
    27
  • LAMP配置详解

    LAMP配置详解LAMP就是linux+apache+mysql+php用来web开发的经济实惠的东东,完全开源,很值得期待!,配置这个东西花了我多半天的时间,非常郁闷,总结一下,,时间就是浪费在对垃圾信息的尝试下,搜索引擎提供给我们海量的东西,因此就需要我们去筛选信息,得到,,,,适合自己的,准确的信息,从而去解决问题。。。有些不负责任的网站为了增加流量很多信息纯copy的,,,,而在这个过程中有多少信息丢失歪曲,,,,真是让我恨之入骨啊,,,最后得出一条经验:去专业网站上搜索(省时又准确),或者在百度上打

    2022年6月3日
    45
  • 浪漫公式 Love 分段函数和各种心型函数 matlab实现

    浪漫公式 Love 分段函数和各种心型函数 matlab实现浪漫公式Love分段函数和各种心型函数matlab实现

    2022年8月5日
    3
  • CSS3选择器详解

    CSS3选择器详解一、CSS3选择器分类1.基本选择器2.层次选择器3.伪类选择器1)动态伪类选择器2)目标伪类选择器3)语言伪类选择器4)UI元素状态伪类选择器5)结构伪类选择器6)否定伪类选择器4.伪元素5.属性选择器二、基本选择器语法这里着重说一下群组选择器(selector1,selector2,…,selec

    2022年7月27日
    3
  • Windows环境安装MySQL server「建议收藏」

    Windows环境安装MySQL server「建议收藏」从MySQL官网下载安装包,下载CommunityServer的zip即可,如mysql-5.7.23-winx64.zip,也可以下载Installer版,这里说的是CommunityServer版。把下载好的zip包解压到一个合适的位置,本文给出的命令是基于解压在D:\mysql-5.7.23-winx64下。在安装之前检测一下当前环境是否有VS环境,没有的话去微软官网下一个Visua…

    2022年9月14日
    0
  • qemu -img_qemu manager

    qemu -img_qemu manager一、virsh基本操作1、列出当前正在运行的虚拟机[root@room9pc01~]#virshlist2、查看虚拟机的信息[root@room9pc01~]#virshdominfonode1//查看node1的信息Id:1Name:node1UUID:20…

    2022年8月11日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号