摘要: 学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点:相同点:可以应用于任何元素不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。下... 阅读全文
posted @ 2015-07-20 18:18 一只特立独行的兔子 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:1、为标签设置id="ID名称",而不是class="类名称"。2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。右侧代码编辑器中就是一个ID选择符的完整实例。练习 阅读全文
posted @ 2015-07-20 17:12 一只特立独行的兔子 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。语法:.类选器名称{css样式代码;}注意:1、英文圆点开头2、其中类选器名称可以任意起名(但不要起中文噢)使用方法:第一步:使用合适的标签把要修饰的内容标记起来,如下:胆小如鼠第二步:... 阅读全文
posted @ 2015-07-20 17:04 一只特立独行的兔子 阅读(558) 评论(0) 推荐(0) 编辑
摘要: 1、内联式css样式,直接写在现有的HTML标签中CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里文字是红色。注意要写在元素的开始标... 阅读全文
posted @ 2015-07-20 16:52 一只特立独行的兔子 阅读(602) 评论(0) 推荐(0) 编辑
摘要: 标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。下面是一个完整的实例:... 阅读全文
posted @ 2015-07-20 16:42 一只特立独行的兔子 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到... 阅读全文
posted @ 2015-07-20 16:41 一只特立独行的兔子 阅读(884) 评论(0) 推荐(0) 编辑
摘要: 当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。语法:type:只有当type值设置为reset时,按钮才有重置作用value:按钮上显示的文字举例:在浏览器中显示的结果:输入账号 阅读全文
posted @ 2015-07-20 16:32 一只特立独行的兔子 阅读(12286) 评论(0) 推荐(1) 编辑
摘要: 在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。语法:type:只有当type值设置为submit时,按钮才有提交作用value:按钮上显示的文字举例:在浏览器中显示的结果: 阅读全文
posted @ 2015-07-20 16:30 一只特立独行的兔子 阅读(5674) 评论(0) 推荐(0) 编辑
摘要: 下拉列表也可以进行多选操作,在标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用Command+单击),可以选择多个选项。如下代码:在浏览器中显示的结果: 阅读全文
posted @ 2015-07-20 16:29 一只特立独行的兔子 阅读(19462) 评论(0) 推荐(0) 编辑
摘要: 下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码:讲解:1、value:2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。在浏览器中显示的结果: 阅读全文
posted @ 2015-07-20 16:27 一只特立独行的兔子 阅读(911) 评论(0) 推荐(0) 编辑
摘要: 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子:语法:1、type: 当type="radio"时,控件为单选框 当type="chec... 阅读全文
posted @ 2015-07-20 16:19 一只特立独行的兔子 阅读(176895) 评论(1) 推荐(2) 编辑
摘要: 当用户需要在表单中输入大段文字时,需要用到文本输入域。语法:文本1、标签是成对出现的,以开始,以结束。2、cols :多行输入域的列数。3、rows :多行输入域的行数。4、在标签之间可以输入默认值。举例: 联系我们 在这里输入内容...注意:代码中的标签在本章5-9中讲... 阅读全文
posted @ 2015-07-20 16:15 一只特立独行的兔子 阅读(10698) 评论(0) 推荐(0) 编辑
摘要: 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。语法: 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时,输入框为密码输入框。2、name:为文本框命名,以备后台程序ASP 、PHP使用。3、value... 阅读全文
posted @ 2015-07-20 16:09 一只特立独行的兔子 阅读(19011) 评论(0) 推荐(0) 编辑
摘要: 使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:讲解:1. :标签是成对出现的,以开始,以结束。2.action:浏览者输入的数据被传送到的地方,比如一个PHP页面(sa... 阅读全文
posted @ 2015-07-20 15:55 一只特立独行的兔子 阅读(613) 评论(0) 推荐(0) 编辑