美文网首页
2019-08-21 html+css相关面试题

2019-08-21 html+css相关面试题

作者: 我的昵称好听吗 | 来源:发表于2019-08-21 10:21 被阅读0次

    1. 对WEB标准以及W3C的理解与认识

    web标准简单来说可以分为结构、表现和行为。
    标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维 护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

    2. xhtml和html有什么区别

    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言。
    最主要的不同:

    • XHTML 元素必须被正确地嵌套。
    • XHTML 元素必须被关闭。
    • 标签名必须用小写字母。
    • XHTML 文档必须拥有根元素。

    3. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

    Doctype: 用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档。
    如何触发这两种模式: 加入XMl声明可触发,解析方式更改为IE5.5 拥有IE5.5的bug

    4. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

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

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

    引入方式:
    内联 内嵌 外链 导入

    区别 :

    • @import是 CSS 提供的语法规则,只有导入样式表的作用;
    • link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
    • link标签引入的 CSS 被同时加载;
    • @import引入的 CSS 将在页面加载完毕后被加载。
    • 可以通过 JS 操作 DOM ,插入link标签来改变样式;
    • 由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。

    6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

    CSS选择符有哪些?

    • 类型选择符(body)
    • 群组选择符(h1,h2,h3,span)
    • 包含选择符(h2 span)
    • ID选择符(#id)
    • Class选择符(.content)

    哪些属性可以继承?

      1. 字体:font(style、weight、size、family)、color、line-height、letter-spacing、word-spacing
        
      1. 文本:text-indent、text-align、white-space、word-wrap
        
      1. 列表:list-style(type、position、img)
        
      1. 表格:border-collapse
        

    优先级算法如何计算?

    • id > class >tag
    • 优先级就近原则

    内联和important哪个优先级高
    important优先级高

    相关文章

      网友评论

          本文标题:2019-08-21 html+css相关面试题

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