慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

奔向IT的坚仔

认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码： p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2015-01-23
奔向IT的坚仔

form表单中的label标签小伙伴们，你们在前面学习表单各种控件的时候，有没有发现一个标签--label，这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法： <label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
奔向IT的坚仔

使用重置按钮，重置表单信息当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
奔向IT的坚仔

使用提交按钮，提交数据在表单中有两种按钮可以使用，分别为：提交按钮、重置。这一小节讲解提交按钮：当用户需要提交表单信息到服务器时，需要用到提交按钮。语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
奔向IT的坚仔

使用下拉列表框进行多选下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

使用下拉列表框，节省空间

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2015-01-23
Picea

注意这里用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

使用单选框、复选框，让用户选择在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子: 语法： <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当 type="radio" 时，控件为单选框当 type="checkbox" 时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序 ASP、PHP 使用 4、checked：当设置 checked="checked" 时，该选项被默认选中

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22
堇M小沐

在网页中展示有前后顺序的信息列表可以使用<ol>标签来制作有序列表来展示。语法： <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例：下面是一个热点课程下载排行榜： <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> <ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始

查看全部

1 采集收起
2018-03-22
Picea

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> <style> span{ color:blue; } </style> </head>

查看全部

0 采集收起
2018-03-22
Picea

1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。 2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。在第8行输入color:blue;，为<span>元素设置文本颜色为蓝色

查看全部

0 采集收起
2018-03-22
堇M小沐

ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例： <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点

查看全部

1 采集收起
2018-03-22
Picea

当所有文章当所有文字都强调时可只在开头加<strong>不用再加</strong>

查看全部

0 采集收起
2018-03-22
Picea

两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。举例： <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22

首页上一页 26810 26811 26812 26813 26814 26815 26816 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。