粉笔刷题【HTML】

标准盒子模型的总宽度为=左右margin+左右border+左右padding+width,而IE盒子模型中的width本身就包括了border和padding,所以IE盒子模型的总宽度=左右margin+width

1.
单选题
关于跨域问题下面说法正确的是?()

A

可以利用flash的http请求,来处理跨域问题

B

通过iframe设置document.domain可以实现跨域

C

一般情况下,m.toutiao.com可以ajax请求www.toutiao.com域名下的接口并获得响应

D

通过jsonp方式可以发出post请求其他域名下的接口

JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它

的兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支

持;并且在请求完毕后可以通过调用callback的方式回传结果。

JSONP的缺点则是:它只支持GET请求而不支持POST等其它类型的HTTP请求;它只支持跨域

HTTP请求这种情况,不能解决不同域的两个页面之间如何进行JavaScript调用的问题。

3.
单选题
css中position 属性指定了元素的定位类型,下列关于position的四个属性值的描述中那个是错误的:

A

static元素出现在正常的流中,top:10px,即距离顶部10px

B

fixed 元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动

C

relative 相对定位元素的定位是相对其正常位置。

D

absolute 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>:</html>

A:使用static元素,top:10px不会有偏移效果。A错。

B:fixed元素的位置相对于浏览器窗口是固定位置。以浏览器窗口为参考点。B对。

C:relative 不会脱离文档流,元素依然会占据文档流,相对定位是相对他的正常位置。C对。

D:absolute绝对定位会脱离文档流,会向上寻找,如果遇到已定位元素,则会对其相对定位,如果没有则会一直向上寻找,知道相对于html。D对。

综上所述选A。

CSS伪元素:和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见,伪元素选择器,伪元素的效果是需要通过添加一个实际的元素才能达到的。

A选项,:first-line是为某个元素的第一行文字使用样式。

B选项,:first-letter是为某个元素中的文字的首字母或第一个字使用样式。

C选项,:before是在某个元素之前插入一些内容。

D选项,:after在某个元素之后插入一些内容,behind不属于伪元素选择器。所以选择D。

css所有伪类及伪元素实例:

a:link(选择所有未访问链接)  

a:visited(选择所有访问过的链接)   

a:active(选择正在活动链接)   

a:hover(把鼠标放在链接上的状态) 

input:focus(选择元素输入后具有焦点) 

p:first-letter(选择每个<p> 元素的第一个字母) 

p:first-line(选择每个<p> 元素的第一个字母) 
p:first-child(选择器匹配属于任意元素的第一个子元素的 <]p> 元素) 

p:before(在每个<p>元素之前插入内容)

p:after(在每个<p>元素之后插入内容)

p:lang(language)(为<p>元素的lang属性选择一个开始值)
14.
不定项
下列说法正确的是()

A

display: none;不为被隐藏的对象保留其物理空间;

B

visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明;

C

visibility:hidden;产生reflow和repaint(回流与重绘);

D

visibility:hidden;与display: none;两者没有本质上的区别;

C:页面的回流由以下引起:

页面渲染初始化。

DOM结构变化,比如删除了某个节点。

render树变化,比如减少了padding。

窗口resize事件触发。

页面的重绘是一个元素外观的改变所触发的浏览器行为,例如改变outline、背景色等属性。浏览器会根据元素的新属性重新绘制,

使元素呈现新的外观。

回流一定伴随重绘,重绘却可以单独出现。

display:none与visibility:hidden的区别:

display:none 不为被隐藏的对象保留其物理空间 visibility:hidden 为被隐藏的对象保留其物理空间,两者存在本质上的区别。也就是说,display:none,render树上不存在,不产生box,

visibility:hidden产生box,是不可视机制。

15.
不定项
可继承的样式属性包括()


`不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

所有元素可继承:visibility和cursor。

内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。

块状元素可继承:text-indent和text-align。

列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

表格元素可继承:border-collapse``

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值