美文网首页前端
前端开发面试题-HTML-CSS基础类01

前端开发面试题-HTML-CSS基础类01

作者: Diogoxiang | 来源:发表于2019-03-11 11:48 被阅读0次

    一、行内元素有哪些?块级元素有哪些?CSS的盒模型?

    块级元素:div p h1 h2 h3 h4 form ul
    行内元素: a b br i span input select
    Css盒模型:内容,border ,margin,padding

    二、前端页面有哪三层构成,分别是什么?作用是什么?

    结构层;主要指DOM节点;HTML/XHTML
    样式层;主要是指页面渲染;CSS
    脚本层:主要指页面动画效果;JS/AS

    三、CSS引入的方式有哪些? link和@import的区别是?

    内联 内嵌 外链 导入
    区别 :同时加载
    前者无兼容性,后者CSS2.1以下浏览器不支持
    Link 支持使用javascript改变样式,后者不可

    四、CSS选择符号有哪些?

    标签选择符,类选择符,ID选择符。
    写出几种IE6 BUG的解决方法
    1.双边距BUG float引起的 使用 display:inline
    2.3像素问题 使用float引起的 使用 dislpay:inline -3px
    3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
    4.Ie z-index问题 给父级添加 position:relative
    5.Png 透明 使用js代码 改
    6.Min-height 最小高度 !important 解决
    7.select 在ie6下遮盖 使用iframe嵌套
    8.为什么没有办法定义1px左右的宽度容器
    (IE6默认的行高造成的,使用 over:hidden,zoom:0.08 line-height:1px )

    五、标签上title与alt属性的区别是什么?

    Alt 当图片不显示是 用文字代表。
    Title 为该属性提供信息
    Reset重置浏览器的css默认属性 浏览器的品种不同,样式不同,然后重置,让他们统一

    六、什么是语义化的HTML?

    直观的认识标签 对于搜索引擎的抓取有好处
    清除浮动的几种方式,各自的优缺点
    1.使用空标签清除浮动 clear:both(理论上能清楚任何标签,,,增加无意义的标签)
    2.使用 overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)
    3.是用afert伪元素清除浮动(用于非IE浏览器)

    七、IE和标准下有哪些兼容性的写法

    var ev = ev || window.event
    document.documentElement.clientWidth || document.body.clientWidth
    Var target = ev.srcElement||ev.target
    

    八、ajax请求的时候get 和post方式的区别

    一个在url后面 (get)
    一个放在虚拟载体里面 (post)
    有大小限制
    安全问题
    应用不同 一个是论坛等只需要请求的,一个是类似修改密码的

    闭包 就是能够读取其他函数内部变量的函数。

    添加 删除 替换 插入到某个接点的方法

      obj.appendChidl() // 添加
      obj.innersetBefore() // 删除
      obj.replaceChild()  // 替换
      obj.removeChild() //插入
    

    javascript的同源策略

    一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合

    超链接四个状态:

    a:link{text-decoration:none ; color:#666 ;}
    a:visited {text-decoration:none ; color:#666 ;}
    a:hover {text-decoration:underline ; color:#000 ;}
    a:active {text-decoration:none ; color:#000 ;}
    

    加载顺序不同,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。

    相关文章

      网友评论

        本文标题:前端开发面试题-HTML-CSS基础类01

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