粉笔刷题【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日
    浏览(43)
  • 前端基础(HTML)——html介绍 & 常用标签 & 几个案例

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

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

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

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

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

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

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

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

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

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

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

    2024年02月16日
    浏览(41)
  • 前端学习——HTML5

    新增布局标签 新增状态标签 新增列表标签 新增文本标签 新增表单控件属性 input新增type属性值 新增视频标签 新增音频标签

    2024年02月12日
    浏览(45)
  • html设置前端加载动画

    主体思路参考: 前端实现页面加载动画_边城仔的博客-CSDN博客 JS图片显示与隐藏案例_js控制图片显示隐藏-CSDN博客 (1)需要在按钮和图片元素设置两个id   (2) 绑定id进行事件绑定 注意:图片一开始是 不显示的 当点击按钮后才显示。 (3)编写js脚本 完成。

    2024年02月07日
    浏览(29)
  • web前端(html)练习

    1. 用户名为文本框,名称为 UserName,长度为 15,最大字符数为 20。 2. 密码为密码框,名称为 UserPass,长度为 15,最大字符数为 20。 3. 性别为两个单选按钮,名称为 sex,值分别为男和女,男默认选中。 4. 爱好是三个多选按钮,名称为 like,值分别为写作、听音乐、体育。 5.

    2024年01月23日
    浏览(42)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包