网页设计列表元素表

《网页设计列表元素表》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章CSS网站元素设计复习回顾制作导航通常使用的标签是

2、url(url)list-sty

3、le-position：outside

4、insidelist-style-type：disc:默认值。实心圆circle:空心圆square:实心方块decimal:阿拉伯数字lower-roman:小写罗马数字upper-roman:大写罗马数字lower-alpha:小写英文字母upper-alpha:大写英文字母none:不使用项目符号www.xiaolong520.com版权所有4使用图片自定义项目符号：直接用图片代替项目符号：利用背景来制作精确定位的项目符号Ul{List-style-ima

5、ge:url(图片路径）；}控制项目符号距文字的距离可用属性：text-indent1、取消项目符号：ul{list-style-type:none;}2、对每个列表项定义不重复背景，且要求文字不能压住背景li{background-image:url(images/flower_bullet.gif);background-repeat:no-repeat;background-position:0px3px;padding-left:15px;}www.xiaolong520.com版权所有5使列

6、表变为段落display属性：标签div，a，span的默认显示方式是否相同？列表元素转换为一行显示：强制转换显示模式：Display：inline与float的比较:display:inline;适合上下文关联float:left(right);更适合对象的布局模式BlockNoneinlineinline-blocklist-itemul{display:inline;}ulli{display:inline;}www.xiaolong520.com版权所有6列表缩进排版：text-indent：

7、用于控制段落文本的首行缩进ul{list-style-type:none;padding-left:30px;}ulli{margin:5px;text-indent:-30px;}综合案例www.xiaolong520.com版权所有74.4表单设计万维网向浏览者传递信息，使浏览者非常方便地从互联网取得需要的信息。在交互式的网络中，表单是一个不可缺少的元素，它是交互的一个入口。只要有交互出现的地方，就会有表单。一个完整的交互表单由两部分组成：一是客户端包含的表单页面，用于填写浏览者进行交互的信息；另

8、一个是服务端的应用程序，用于处理浏览者提交的信息。www.xiaolong520.com版权所有8标签名称特别属性说明文件上传框（inputtype=”file”）accept设定接收内容格式（见Form标签）图片提交框（inputtype=”image”）align设置图片旁边文字的对齐方式，有如下值可以设置：Left、right、top、texttop、middle、Absmiddle、baseline、bottom、absbottomAlt设置图片替换文字，供显示不了图片的情况下使用Src设置图

9、片框中图片地址单选框（inputtype=radio）Checked设置当前单选框是否被选中列表框（select/option)selected设置某项是否被选中按钮（inputtype=button/submit/reset)提交表单的值多选择框（inputtype=checkbox）Checked设置当前多选框是否被选中文本输入框（inputtype=”text”）maxlength设置文本输入框最大容纳字符数Readonly设置当前文本输入框是否为只读www.xiaolong520.com版权所

10、有9改变输入框及文本域样式改变边框样式、颜色、背景颜色等：圆角输入框设计要点：Border:border-colorborder-styleborder-width1、圆角图片作为背景2、没有边框3、调整输入文本位置www.xiaolong520.com版权所有10其他样式设计：改变下拉列表样式：分清类别改变按钮样式：背景图片与边框、缩进综合案例www.xiaolong520.com版权所有11表单设计的原则明确的输入标示验证数据及减少提交次数提供智能的