标准盒子模型的总宽度为=左右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,文章来源:https://www.toymoban.com/news/detail-534339.html
visibility:hidden产生box,是不可视机制。文章来源地址https://www.toymoban.com/news/detail-534339.html
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``
到了这里,关于粉笔刷题【HTML】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!