加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

HTMLamp;amp;css面试题

发布时间:2021-01-01 03:27:52 所属栏目:运营 来源:网络整理
导读:h1 id="htmlcss相干题目"HTMLcss相干题目 h3 id="xhtml和html有什么区别"1.XHTML和HTML有什么区别 HTML是一种根基的WEB网页计划说话,XHTML是一个基于XMl的置口号言 最首要的差异 XHTML元素必需被正确地嵌套。 XHTML元素必需被封锁 标署名必需用小写字母 XHT

题目:必要共同 宽度 可能 zoom 兼容IE6 IE7;

     overflow: hidden;
     *zoom: 1;

  • 1、px像素。绝对单元,像素px是相对付表现器屏幕判别率而言的,是一个假造单元。是计较机体系的数字化图像长度单元,假如px要换算成物理长度,必要指定精度DPI。
  • 2、em是相对长度单元,相对付当前工具内文本的字体尺寸。如当前对行内文本的字体尺寸未被工钱配置,则相对赏识器的默认字体尺寸。它会担任父级元素的字体巨细,因此并不是一个牢靠的值。
  • rem是CSS3新增的一个相对单元(root em,根em),行使rem为元素设定字体巨细事,如故是相对巨细但相对的只是HTML根元素。
  • 4、区别:IE无法挪用那些行使px作为单元的字体巨细,而em和rem可以缩放,rem相对的只是HTML根元素。这个单元可谓集相对巨细和绝对巨细的利益于一身,通过它既可以做到只修改根元素就成比例地调解全部字体巨细,又可以停止字体巨细逐层复合的连锁回响。今朝,除了IE8及更早版本外,全部赏识器已支持rem。

  • 1、颜色:新增RGBA、HSLA模式
  • 2、笔墨阴影(text-shadow)
  • 3、边框:圆角(border-radius)边框阴影:box-shadow
  • 4、盒子模子:box-sizing
  • 5、配景:background-size配置配景图片的尺寸,background-origin配置配景图片的原点,background-clip配置配景图片的裁剪地区,以“,”脱离可以配置多配景,用于自顺应机关
  • 6、渐变:linear-gradient、radial-gradient
  • 7、过渡:transition可实现动画
  • 8、自界说动画
  • 9、在CSS3中独一引入的伪元素是::selection
  • 10、多媒体查询、多栏机关
  • 11、border-image
  • 12、2D转换:transform:translate(x,y)rotate(x,y)skew(x,y)scale(x,y)
  • 13、3D转换

  • Alt当图片不表现时,用笔墨代表
  • Title为该属性提供信息

  • Reset重置赏识器的css默认属性,赏识器的品种差异,样式差异,然后重置,让他们同一。

  • css 精灵图,把一堆小的图片整合到一张大的图片(png)上,减轻处事器对图片的哀求数目。

  • css精灵 把一堆小的图片整合到一张大的图片上,减轻处事器对图片的哀求数目
  • css sprites着实就是把网页中一些配景图片整合到一张图片文件中,再操作css的"background-image","background-position"的组合举办配景定位,这样可以镌汰。
  • 许多图片哀求的开销,由于哀求耗时较量长;哀求固然可以并发,可是假如哀求太多会给处事器增进很大的压力。

  • target:_blank

  • 布局是html,示意是css

  • 就是让赏识器更好的读懂你写的代码,在举办HTML布局、示意、举动计划时,只管行使语义化的标签,使措施代码简捷明白,易于举办web操纵和网站SEO,利便团队的一种尺度,以图实现一种“无障碍”的web开拓。

  • display:none;行使该属性后,HTML元素(工具)的宽高,高度等各类属性值都将“丢失”;
  • visibility:hidden;行使该属性后,HTML元素(工具)仅仅是在视觉上看不见(完全透明),而它所占有的空间位置如故存在,也等于说它如故具有高度,宽度等属性值。

p{
    color:green;
    *color:blue;
    _color:black;
}

  • 布局层、暗示层、举动层
  • 布局层(structural layer):由HTML或XHTML之类的标志说话认真建设。
  • 暗示层(presentation layer):由css认真建设。
  • 举动层(behaviorlayer):认真答复“内容应该怎样对变乱做出回响”这一题目。这是 Javascript 说话和 DOM主宰的规模。

    


    
        
        
        
    

  • 1、map+area可能svg
  • 2、border+radius
  • 3、纯js实现必要求一个点在不在圆上简朴算法,获取鼠标坐标等等

  • 1、有两种:IE盒子模子、W3c盒子模子
  • 2、盒模子:内容(content)、添补(padding)、界线(margin)、边框(border)。
  • 3、区别:IE的content部门把border和padding计较了进去

  • 文件归并
  • 文件最小化/文件压缩
  • 行使CDN托管
  • 缓存的行使

  • IE8以下赏识器的盒模子中界说的元素的宽高不包罗内边剧和边距

  • 1、双边距BUG float引起的 行使display
  • 2、3像素题目行使float引用的行使display:inline -3px;
  • 3、超链接hover后点击失效,行使正确的誊写次序 link visited hover active
  • 4、le 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)

  • css选择符:类选择器、标签选择器、ID选择器、儿女选择器(派生选择器)、群组选择器
  • 可以担任:类选择器、标署名选择器、儿女选择器(派生选择器)、群组选择器
  • 优先级算法:
  • 标签内直接界说:1000
  • ID选择器:100
  • 类选择器:1
  • 内联和important中,important优先级高

  • 选择符、属性、值

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读