网页设计师考证--操作题复习

《网页设计师考证--操作题复习》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、案例一：设置多重背景图像，根据右边的效果图，写出HTML主要代码及CSS主要代码。说明：图片地址：images/caodi.png；images/taiyang.png；images/tiankong.png。案例二：设置重复径向渐变，根据右边的效果图，写出HTML主要代码及CSS主要代码。案例三：在HTML5中，元素拥有多个type属性值，用于定义不同的控件类型，根据以下表单控件要求，能够进行填充数据验证，写出HTML主要代码。说明：填入邮箱文本框name="formmail"填入网站文本框n

2、ame="user_url"填入电话号码文本框name="telphone"需要约束电话号码11位数字填入关键字文本框name="searchinfo"颜色框name="color1"以及name="color2"，第二个颜色框值为#FF3E96案例四：根据结构分析图和下列要求，写出HTML主要代码及CSS主要代码。通用样式：外边距0像素、内边距0像素；无序列表样式：宽300像素、高200像素；外边距：左右20像素、上下自动；边框：宽度1像素、实线、颜色#f1f1f1；列表项样式：宽290像素、高30像素；颜

3、色#519B9F；内边距：左10像素、右0像素、上0像素、下10像素；列表样式位置为内部；背景：图片地址images/up.jpg、不重复、定位：左170像素、上14像素；类选择器“one”样式：背景：颜色#F3F3F3、图片地址images/up.jpg、不重复、定位：左170像素、上14像素；案例一：解答div{wid

4、th:300px;height:300px;border:1pxdotted#999;background-image:url(images/caodi.png),url(images/taiyang.png),url(images/tiankong.png);background-repeat:no-repeat;background-position:bottom,righttop,center;}

5、案例二：解答div{width:200px;height:200px;border-radius:50%;background-image:repeating-radial-gradient(circleat50%50%,#E50743,#E8ED3010%,#3FA62E15%);}

6、v>