2023年6月20日发(作者：)

HTML5及CSS3基础知识填空（20分）1. html中的注释为,CSS中的注释为/* */。2. 空格的实体为 ;。3. 下拉菜单的标签为来说，默认被勾选的布尔值属性checked。13. 对字体设置颜⾊的CSS属性是color还是font-color？color。14. 对浮动元素清除浮动的属性是clear：left/right/both; overflow:hidden;简答（39分）1. 常⽤的块级元素有（5个），⾏级元素有（5个）6分，少写⼀个-1分错写⼀个-1分）常见的块级元素：body form select textarea h1-h6 html table button hr p ol ul dl div常见的⾏级元素： lable span br a style em b i strong img input td span1. 请写出相对定位，绝对定位以及固定定位属性及属性值，并写出他们之间的区别。（3分）on:relative，相对定位，相对于元素⾃⾝原来的位置进⾏定位，不脱离⽂档流；通过left/right/top/bottom定位on:absolute，绝对定位，如果⽗级元素中有定位元素，会去找最近的⽗级元素作为参考，进⾏绝对进⾏，如果没有，参照页⾯(浏览器视⼝)进⾏定位;脱离⽂档流，通过left/right/top/bottom定位on:fixed;固定定位，固定在浏览器的视⼝内，脱离⽂档流，通过left/right/top/bottom定位1. 对以下CSS样式优先级进⾏排序（8分）1. Id选择器 b.类选择器 c.标签选择器d.⾏内样式 e.通配符* f.浏览器默认属性 g. 继承 h. !important!important > ⾏内样式> ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性1. 如何取消列表前默认实⼼圆标志？请⽤CSS代码实现。（2分）list-style:none;list-style-type:none;1. 绝对路径和相对路径的区别（3分）绝对路径以/开始从根⽬录开始的⽂件路径，例如C:Program FilesMicrosoft Office15ClientX64 /home/briup/Desktop/相对路径 相对于当前⽂件的路径，例如./images/6. 分别写出input标签type类型的含义（5分）Button checkbox file image password radio reset submit text

按钮 复选框 选择⽂件 图⽚按钮 密码 单选框 重置 提交 ⽂本1. 写出两种隐藏元素的CSS属性，并说明区别（4分）display:none; 隐藏元素且元素的位置可以被取代visibility:hidden; 隐藏元素且元素的位置不能被取代opacity:0;透明提交的时候也会被提交8. 阅读代码，说明#one、#two、#three的宽⾼颜⾊（4分）One：green 200Two：blue 150Three：blue 1009. 请写出标准盒⼦模型和IE盒⼦模型是⽤什么CSS属性以及属性值表⽰？当为元素设置width:100px;height:100px;margin:10px;padding:10px;border:10px solid red，请在纸上画图表⽰出来。（4分）IE盒⼦ box-sizing:border-box 标准盒⼦： box-sizing:content-box

编程（41分）1. 怎样居中（⽔平+垂直）⼀个div中的⽂本？（4分，少写⼀个-1分错写⼀个-1分）text-align:center; line-height：⽗元素⾼度；2. 怎样居中（⽔平+垂直）⼀个div中的元素？请⾄少给出两种⽅法？（8分）3. 实现布局中间⾃适应宽度，左右两栏固定宽度（6分）

4. 创建⼀个最简单的动画使#one在两秒内向右移动300px。（4分）

1. 如何取消a标签的默认样式？如何设置a标签点击前 点击后 点击时 悬停时的样式及顺序？。（5分）取消默认样式

1. 请画出下⾯代码运⾏后的样式，标注宽⾼和间距。（5分）

1. 请画出两个元素的位置图。（3分）

1. 请⽤媒体查询写出，当屏幕尺⼨⼩于等于414*763像素的时候，div为100*100像素，背景⾊为红⾊，当屏幕尺⼨⼤于等于375*667像素的时候，div为100*100像素，背景⾊为蓝⾊，当屏幕尺⼨为375*667到414*763像素到的时候，div为100*100像素，背景⾊为黄⾊，给出关键代码(6分)

@media screen and (min-width: 414px){ .one{ background-color: red; } } @media screen and (max-width: 375px){ .one{ background-color: blue; } } @media screen and (min-width: 375px) and (max-width: 414px){ .one{ background-color: yellow; } } .one{ width: 100px; height: 100px; }

2023年6月20日发(作者：)

HTML5及CSS3基础知识填空（20分）1. html中的注释为,CSS中的注释为/* */。2. 空格的实体为 ;。3. 下拉菜单的标签为来说，默认被勾选的布尔值属性checked。13. 对字体设置颜⾊的CSS属性是color还是font-color？color。14. 对浮动元素清除浮动的属性是clear：left/right/both; overflow:hidden;简答（39分）1. 常⽤的块级元素有（5个），⾏级元素有（5个）6分，少写⼀个-1分错写⼀个-1分）常见的块级元素：body form select textarea h1-h6 html table button hr p ol ul dl div常见的⾏级元素： lable span br a style em b i strong img input td span1. 请写出相对定位，绝对定位以及固定定位属性及属性值，并写出他们之间的区别。（3分）on:relative，相对定位，相对于元素⾃⾝原来的位置进⾏定位，不脱离⽂档流；通过left/right/top/bottom定位on:absolute，绝对定位，如果⽗级元素中有定位元素，会去找最近的⽗级元素作为参考，进⾏绝对进⾏，如果没有，参照页⾯(浏览器视⼝)进⾏定位;脱离⽂档流，通过left/right/top/bottom定位on:fixed;固定定位，固定在浏览器的视⼝内，脱离⽂档流，通过left/right/top/bottom定位1. 对以下CSS样式优先级进⾏排序（8分）1. Id选择器 b.类选择器 c.标签选择器d.⾏内样式 e.通配符* f.浏览器默认属性 g. 继承 h. !important!important > ⾏内样式> ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性1. 如何取消列表前默认实⼼圆标志？请⽤CSS代码实现。（2分）list-style:none;list-style-type:none;1. 绝对路径和相对路径的区别（3分）绝对路径以/开始从根⽬录开始的⽂件路径，例如C:Program FilesMicrosoft Office15ClientX64 /home/briup/Desktop/相对路径 相对于当前⽂件的路径，例如./images/6. 分别写出input标签type类型的含义（5分）Button checkbox file image password radio reset submit text

按钮 复选框 选择⽂件 图⽚按钮 密码 单选框 重置 提交 ⽂本1. 写出两种隐藏元素的CSS属性，并说明区别（4分）display:none; 隐藏元素且元素的位置可以被取代visibility:hidden; 隐藏元素且元素的位置不能被取代opacity:0;透明提交的时候也会被提交8. 阅读代码，说明#one、#two、#three的宽⾼颜⾊（4分）One：green 200Two：blue 150Three：blue 1009. 请写出标准盒⼦模型和IE盒⼦模型是⽤什么CSS属性以及属性值表⽰？当为元素设置width:100px;height:100px;margin:10px;padding:10px;border:10px solid red，请在纸上画图表⽰出来。（4分）IE盒⼦ box-sizing:border-box 标准盒⼦： box-sizing:content-box

编程（41分）1. 怎样居中（⽔平+垂直）⼀个div中的⽂本？（4分，少写⼀个-1分错写⼀个-1分）text-align:center; line-height：⽗元素⾼度；2. 怎样居中（⽔平+垂直）⼀个div中的元素？请⾄少给出两种⽅法？（8分）3. 实现布局中间⾃适应宽度，左右两栏固定宽度（6分）

4. 创建⼀个最简单的动画使#one在两秒内向右移动300px。（4分）

1. 如何取消a标签的默认样式？如何设置a标签点击前 点击后 点击时 悬停时的样式及顺序？。（5分）取消默认样式

1. 请画出下⾯代码运⾏后的样式，标注宽⾼和间距。（5分）

1. 请画出两个元素的位置图。（3分）

1. 请⽤媒体查询写出，当屏幕尺⼨⼩于等于414*763像素的时候，div为100*100像素，背景⾊为红⾊，当屏幕尺⼨⼤于等于375*667像素的时候，div为100*100像素，背景⾊为蓝⾊，当屏幕尺⼨为375*667到414*763像素到的时候，div为100*100像素，背景⾊为黄⾊，给出关键代码(6分)

@media screen and (min-width: 414px){ .one{ background-color: red; } } @media screen and (max-width: 375px){ .one{ background-color: blue; } } @media screen and (min-width: 375px) and (max-width: 414px){ .one{ background-color: yellow; } } .one{ width: 100px; height: 100px; }