Web前端面试题总结(day3)

本文总结了Web前端面试中常见的知识点,包括HTML的<a>标签target属性、文本装饰、CSS选择器、浮动清除、盒子模型、标签加粗方式、overflow属性、CSS错误描述、sessionStorage使用、DOCTYPE的描述、CSS中clear的作用、JavaScript执行时机、表单属性对比、CSS Sprites的优缺点、CSS选择器优先级、HTML5标签及CSS百分比参照问题等,是前端面试必备参考资料。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.在html中通过<a>标签打开一个链接,通过 <a> 标签的 target 属性规定在何处打开链接档。      如果在标签<a>中写入target属性,则浏览器会根据target的属性值去打开与其命名或名称相      符的框架<frame>或者窗口。  在target中还存在四个保留的属性值如下,

   属性值

   

   这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下     划线作为文档中定义的任何框架 name 或 id 的第一个字符。                                                                 ( 上面这段出自w3c) 

2.  { text-decoration:none}   表示去掉文本超链接的下划线

3.div>p的意思是说:选择所有父元素为div的p元素,如果一个p元素的父元素不是div,那么这个p元素是不会被选择的!!!

4.浮动会导致页面的非正常显示,以下几种清除浮动的方法,哪个是不推荐使用的?(C)

   A.在浮动元素末尾添加一个空的标签 eg: <div style="clear:both"></div>

   B.通过设置父元素overflow值为hidden;

   C.父元素也设置浮动

   D.给父元素添加clearfix类

   四种方法都可以清除,最常用的是D A;

   A选项中,通过添加空标签,是W3C推荐的,但会增加多余标签,一般不采用(非不推荐)。

   B选项中,如果子元素中有使用了绝对定位,在页面上显示是在父元素外面,一般就没法使用了

   C选项中,大型项目一般会多层嵌套,如果采用给父元素设置浮动的方法,那么父元素的父元素很有可能也要设置浮动,页面         布局很容易乱掉

5.  标准盒子模型中:盒子的总宽度 = 左右margin + 左右border + 左右padding + width

     标准盒子的模型 = margin + border + padding + content ( content = width | height )

     IE盒子模型 = margin + content ( content = border + padding + width | height )

               

6.  网站标签加粗的方式:

   1、<b></b>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。

   2.<strong>标签(不仅是加粗,更加深了语气,符合W3C的标准。)。

   3.<em> 标签是告诉浏览器把其中的文本表示为强调的内容。Internet Explorer 等浏览器会用斜体字显示,有些浏览器会用改          变  文字的颜色等其他方法来实现强调的效果。需要注意的事:

      a.如果强调太多,有些重要的短语就会被漏掉;

      b.如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。

   4.<h>内容标题标签,能够提升权重。

   5.font-weight:bold样式加粗标签,而属性值有三种指定方法:

      a.关键字法;

      关键字包括“normal”和“bold”两个;

       b.相对粗细值法;

       相对粗细也是由关键字定义,但是它的粗细是相对于上级元素的继承值而言的,包括“bolder”和“lighter”两个;

       c.数字法;

       从“100”到“900”的9个数字序列(注意,只能是100、200之类的整百数)。这些数字序列代表从最细(100)到最粗(900)         的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。

7.css属性overflow属性定义溢出元素内容区的内容会如何处理?

   参数是scroll时候&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值