当前位置: 首页 > Web前端 > CSS

Html&Css试题

时间:2023-03-31 02:16:52 CSS

一、选择题(每题2分)1、HTML中,用来定义空链接的标签是什么?AA、B、C、D、2、以下对html的描述不正确是?AA、html是超文本标记语言,标签不能交叉嵌套;html中不能插入特殊标签,如:imgB,html是超文本标记语言,标签可以交叉嵌套,可以在html中插入特殊标签,如:imgC,html是超文本标记语言,不区分大小写,标签可以交叉嵌套D、html是一种超文本标记语言,区分大小写,标签可以交叉嵌套用途3.以下哪些标签可以实现强制换行?AA,brB,drC,hrD,dl5,在HTML中,下列哪项不是HTML文档的基本部分?CA,B,C,移动互联网方向

------>>>>id选择器优先级高于class选择器A,#F00B,#00FC,#666D,#333补充问题:在HTML中,如果点击超链接,如何弹出一个新的网页窗口?BA、百度B、百度C、百度D,百度2.填空题(每题4分)1.html中的注释是______,CSS中的注释是__/**/_____2.表格中合并单元格的属性是cellspacing,定义距离的属性表格和内容之间是cellpadding,列合并的属性是colspan,行合并的属性是rowspan。3、表单中单选框为radio,复选框为checkbox,单行文本框为text,文件上传按钮为file,多行文本框为textarea,下拉菜单为select4.form表单中定义表单提交方式的属性是method,它的常用属性值是get和post,action属性表示提交表单时将表单数据发送到哪里。5、css中的框模型有边框框和内容框;通过border-box属性修改框模型;设置边框框的宽度时,设置的宽度值直接设置为框的宽度;三、简答题(每题5分)1、简述块级元素在父元素中居中的方法?-childandfather,margin:auto,top:0,bottom:o,left:0,right:0-Sonandfather,top:50%,left:50%,margin-top:子元素高度的一半(负数),margin-left:子元素宽度的一半(负数)——使用flex布局,父元素display:flex,justify-content:center;align-items:center-parentelementdisplay:table-cell;垂直对齐:中间;子元素margin:auto2.清除浮动的方法有哪些?-给父元素overflow:hidden-在子元素后面加一个空白div,设置属性为clear:both-浮动元素的父元素:::after{clear:both;content:'';display:block;}3.什么是块级元素?什么是内联元素?行内元素和块级元素有什么特点?如何设置行内元素的宽高?-块级元素包括p,h1~h6,div,ul>li,ol>li,body,html,section,form,table-内联元素包括span,a,b(粗体),i(斜体),img,strong(bold),input,textarea,select-内联元素的特点:1.与其他元素内联2.高度、宽度和padding不可控3.宽度和高度是内容的高度,不可更改4.行内元素只能是行内元素,不能包含块级元素-块级元素的特点:1.独占一行2.高度和宽度都可以设置3.不设置宽度时,默认为100%4.块级元素可以包含块级元素和行内元素4.简述合并父子边距问题的几种解决方法?-为父元素添加border属性,border-将子元素应该设置的margin设置为父元素的padding-为parentorchild添加float属性-为parentorchild添加position:absolute;-在父元素或子元素中添加display:inline-block;-在父元素中添加overflow:hidden;5、在html中简单介绍css的方法有哪些?并说明区别;四种——内部样式标签[内部样式表]——内联样式属性[内联样式表]——外部链接导入[外部样式表]——@importimport第四种方法示例:6.简要说明步骤提交本地代码到gitee/githubgitinitgitadd*gitcommit-m'[小仙女]firstcommit'gitpulloriginmastergitpushoriginmaster7.简述隐藏和显示设置元素的三种方式?有什么不同?1.display浏览器是否显示元素,如果隐藏则不占用页面空间-display:none----->>设置元素的显示为none,即不占用网页任意位置-display:block----->>显示隐藏元素2.opcity:0浏览器不显示该元素,但会占用页面空间,交互事件正常3.visibility浏览器不显示该元素,但它会占用页面空间,交互事件Invalidation-visibility:hidden----->>隐藏该元素,但仍占据它在网页中应该占据的位置-visibility:visible------>>显示隐藏元素8.用css代码实现轮播?轮播图片
  • >
9.请写至少10个文字和字体样式属性?font-size:sizecolor:字体颜色font-weitht:粗细text-indent:首行缩进text-decrotion:添加下划线text-transform:改变字体大小写font-family:字体字-spacing:增加或减少单词之间的间距(即字间距)letter-spacing:增加或减小单个字符之间的间距(字符间距)word-break:指定自动换行的处理方式(如:word-break:break-all;)word-wrap:允许长单词或URL地址换行到下一行overflow:指定当内容溢出元素框时会发生什么situationhidden:指定隐藏元素scroll:滚动条width:height:max-width:定义元素的最大宽度max-height:定义元素的最大高度min-width:设置元素的最小宽度min-height:设置元素的最小高度10。请在html5中至少写5个新属性?html5中至少有5个新标签?datedatetime-localdatetimecontroltimetimecontrolnumbernumbercontrol(只能输入数字)rangerangecontrol(数值可以通过控制栏调整)searchsearchcontroltelphonecontrolurladdresscontrolcolorcolorcontrolemailemailcontrolheaderheadnavnavigationbararticlemainbodysectionfooterbottomasidesidebarhtml5中至少有5个新标签:1.structure标签(1)section:独立的内容块,可以用h1~h6组成一个大纲来表示文档结构,也可以可以有章节、页眉、页脚或页眉的其他部分;(2)article:一个特殊的独立块,表示这个header的核心内容;(3)旁白:标签内容之外以及与标签内容相关的辅助信息;(4)header:某个区块的头部信息/标题;(5)hgroup:headerinformation/title的补充内容;(6)footer:底部信息;(7)nav:导航栏部分信息(8)figure:一个独立的单元,比如一个新闻图片及内容块2.表单标签(1)email:必须输入email;(2)url:必须输入url地址;(3)number:必须输入一个值;(4)范围:必须输入一定范围内的值;(5)DatePickers:日期选择器;  a.date:选择年、月、日  b.month:选择年、月  c.week:选择年、周  d.time:选择时间(小时和分钟)  e.datetime:选择时间、日、月、年(UTC时间)  f.datetime-local:选择时间、日、月、年(当地时间)(6)search:搜索常规文本字段;(7)color:颜色3、媒体标签(1)video:video(2)audio:audio(3)embed:嵌入内容(包括各种媒体)、Midi、Wav、AU、MP3、Flash、AIFF等4.其他功能标签(1)mark:标记(像荧光笔一样做笔记)(2)progress:进度条;11.如何在html中定义锚点?一个例子是超链接跳转到one12,请写出几种在css属性中设置颜色值的方法?1.关键词;如:红色,黑色,绿色2。rgb(r,g,b);取值范围在0-255之间,如rgb(233,244,222)3。rgba(r,g,b,a);a:0-1值;0表示完全透明,1表示完全不透明4.十六进制颜色值;如#fff,取值范围为0~f之间的十六进制数