web前端期末考试总结

        考试是在机房进行，按学号坐的，有两个监考老师，请去找到自己的位置，先看电脑和软件是否可用，不可以的话可以和老师申请调位置，考试开始后会断网，要提前把软件插件（Live Server）装上，考试要带笔，因为要签字。考试可以使用书和资料。

        考试一共四道题，有些题需要载入图片，考试开始前你会拿到一张试卷，上面没有题目，只写了要求。请将图片在放在你要提交的文件夹里的子文件夹，不然你直接用老师发给你那个路径，交了上去老师改卷时图片加载不出来（复制过去就可以了）

提交方式：文件夹提交到教师机文件名学号+姓名

一.第一题文字排版题（只可以使用HTML标签）

        1.空格转义符----  

        2.高亮符------mark

        3. 图片悬浮属性------align="left"-------------同一高度图片在左，文字在右

        4.         5. color-----------底色标签，红色的16进制是#FF0000   or   rgb(255,0,0)    or   red  

         2小题

有序，无序列表的嵌套，不难

看它前面那个点的样式type，还有那个数字的顺序，有的是从大的开始倒序，有的是从中开始，不是默认1

二.CSS补齐题(补齐css部分，不可以动HTML部分)

有两个小题，第一个简单些，就是用标签选择器加点特效，有一个是很多字母文章，有一个是古诗

font-----xxxx系列的属性文本样式------颜色，大小，字体

text-transform------大小写转化------有多种，因为有几段洋文，有的首字母，有的是整体

text-decoration:文本装饰----下划线

text-align:水平对齐方式

text-indent-----首行缩进

text-shadow:阴影效果-------那个古诗诗人要阴影 ------- 李白（虚化斜体）

古诗有个地方要用交并集选择器才可以精确选中它想要改的地方，我们考的时候是改文字颜色

三.div布局（双列布局）

一个题，div的嵌套，这里要改背景色

 background-color: 这里考试给的是16进制表示的属性值

float-------如何双列就是这个浮动属性，可能你浮动了发现没用，是图片太大了，用高宽属性调整大小就可以了

这里也有一些文本处理，没什么难的，布局做出来就简单了，还有调一个边框边距的操作和调边框样式的操作（线条种类）

请看border系列和margin和padding标签（这个边距上下盒子理解会有点复杂）

四.表单与表格（简单，推荐先做）

1.表单

单选和多选都需要在同一个组里，这个所有标签都要放到form标签内，还有这里这每个部分都是行内元素，不会自动换行，因此我们完成一个部分需要用换行标签br

看input中type中的不同属性，还有<textarea>和<select>标签和<option>标签的常用属性

2.表格

这个题最简单，就只有表格的合并，行合并与列合并，这里涉及到表头，表柱，表尾，就是相同HTML标签前面加个t

如果希望设置相邻单元格边框之间的距离，只能通过<table>标签的 cellspacing 属性，即 margin 外边距无效。还要改个样式，这个比较容易实现，就不说了