粉笔刷题【HTML】

这篇具有很好参考价值的文章主要介绍了粉笔刷题【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,是不可视机制。文章来源地址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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【web前端基础之HTML】——HTML基本知识

    hn 元素用于HTML文件的标题输出,一行只显示一个(块元素),具有换行输出和加粗的效果。n的值是1~6,代表6个级别标题,1字号最大,随数字增大字号减小。 案例:demo1.html⬇️ 效果图⬇️ br 是个单标签,没有 结束标记,主要功能是让文字换行输出。 案例:demo2.html⬇️ 效

    2023年04月19日
    浏览(55)
  • 前端基础(HTML)——html介绍 & 常用标签 & 几个案例

    html是啥,常见的标签,几个例子 Hyper Text Markup Language (超 文本 标记语言) 简写:HTML,HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件, 通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片

    2024年02月07日
    浏览(48)
  • 【前端】-初始前端以及html的学习

    💖作者:小树苗渴望变成参天大树🎈 🎉作者宣言:认真写好每一篇博客💤 🎊作者gitee:gitee✨ 💞作者专栏:C语言,数据结构初阶,Linux,C++ 动态规划算法🎄 如 果 你 喜 欢 作 者 的 文 章 ,就 给 作 者 点 点 关 注 吧! 今天博主来介绍关于前端相关的知识,博主之前将的都是

    2024年03月12日
    浏览(46)
  • 【前端|HTML系列第1篇】HTML的基础介绍与初次尝试

    大家好,欢迎来到前端入门系列的第一篇博客。在这个系列中,我们将一起学习前端开发的基础知识,从零开始构建网页和Web应用程序。本篇博客将为大家介绍HTML(超文本标记语言)的基础概念和标签,帮助你快速入门。 本期学期目标是: 了解什么是HTML 学习了解一个完整

    2024年02月11日
    浏览(42)
  • 【前端|HTML系列第2篇】HTML零基础入门之标签元素

    大家好,欢迎来到前端入门系列的第二篇博客。在这个系列中,我们将一起学习前端开发的基础知识,从零开始构建网页和Web应用程序。本篇博客将为大家介绍HTML(超文本标记语言)常用标签元素,帮助零基础小白快速入门。 掌握html常用表情的使用、基础特性以及用途。

    2024年02月11日
    浏览(69)
  • 前端三剑客 HTML+CSS+JavaScript ② HTML相关概念

    他们这样形容我 是暴雨浇不灭的火                                                       —— 24.4.18 学习目标         理解                 HTML的概念                 HTML的分类                 HTML的关系                 HTML的语义化         应用

    2024年04月23日
    浏览(58)
  • 前端 | ( 十)HTML5简介及相关新增属性 | 尚硅谷前端html+css零基础教程2023最新

    学习来源 :尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频 系列笔记 : 【HTML4】(一)前端简介 【HTML4】(二)各种各样的常用标签 【HTML4】(三)表单及HTML4收尾 【CSS2】(四)CSS基础及CSS选择器 【CSS2】(五)CSS三大特性及常用属性 【CSS2】(六)CSS盒子模型

    2024年02月16日
    浏览(58)
  • 前端开发1:HTML

    在现代互联网的世界中,网页是我们与世界沟通的窗口。而HTML(超文本标记语言)作为网页的基石,扮演着至关重要的角色。在本篇博客中,我将向你介绍HTML的基本概念、语法以及一些常用的HTML标签。 HTML是一种标记语言,用于描述网页的结构和内容。它由一系列的标签组

    2024年01月18日
    浏览(52)
  • 前端学习之HTML

    目录 1. 什么是HTML? 2. HTML专业的开发工具有哪些? 3. 是谁制定了HTML? 4. HTML的简单特性 5.  基本标签的介绍  6. 表格 7. 表格中单元格的合并 8. 背景颜色和背景图片 9. 图片 10. 超链接  11.列表  12. Form表单*** 答:HTML即Hyper Text Markup language,超文本标记语言,有大量标签对组成。

    2023年04月08日
    浏览(26)
  • 前端学习之HTML——(1)

    1、html的基本结构 a.首先是注释信息,在html中使用!--xxx--这样的方式来进行注释 b.DOCTYPE,这是告诉浏览器所使用规范,一般可以不加这个,因为现在的浏览器默认所使用的规范为html c.head标签,表示网页的头部,其中会放入其他标签 d.meta标签,这是一个描述性的标签,它会描

    2024年02月14日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包