慕课网

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

初识HTML(5)+CSS(3)

最热最新

CrazyRyan

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

1 采集收起来源：给选择器分个组 - 分组选择器
2014-12-23
兜兜飞糖

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
no16street

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项

查看全部

0 采集收起
2018-03-22
no16street

<form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form>

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
no16street

使用单选框、复选框，让用户选择在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，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"时，该选项被默认选中同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

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

块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-12-23
no16street

<form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form>

查看全部

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

word-spacing:单词间隔 letter-spacing:汉字间隔英文字母间隔

查看全部

0 采集收起
2014-12-23
NLosser

行间距 line-height: 单位（em）

查看全部

0 采集收起
2014-12-23
no16street

网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 <form method="传送方式" action="服务器文件"> 举例： <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="password" name="pass" id="pass" value="" /> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form> form中的get和post方法，在数据传输过程中分别对应了GET和POST方法。两者的主要区别如下： 1、GET将表单中的数据按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“？”连接，而各个变量之间使用“&”连接；POST是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 get传输形式： http://www.imooc.com/test.asp?name=lilian&password=1234 2、GET是不安全的，因为在传输过程中，数据被存放在请求的URL地址中，这样隐私的信息就可能被第三方看到。 3、GET方式传输的数据量非常小，一般限制在2KB左右，但是执行效率却比POST方法高；而POST方式传递的数据量相对较大，它是等待服务器来读取数据的。因此，尽量使用POST方法。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
NLosser

text-indent:2em; 缩进两倍 text-decoration:underline; 下划线 text-decoration:line-through; 删除线

查看全部

0 采集收起
2014-12-23
no16street

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。整个mailto的描述都要用""，cc、bcc、subject、body用等号 <a href="mailto:邮件地址? cc=抄送邮件地址 & bcc=密抄送邮件地址 & subject=主题 & body=内容"> 超链接文本 </a>

查看全部

1 采集收起
2018-03-22
no16street

表格标题和摘要： <table summary="摘要的内容不会在浏览器中显示"> 标题：显示在表格上方。 <table> <caption>表格标题</caption> <tr> <td>...</td> </tr> ... </table>

查看全部

0 采集收起
2018-03-22
moocWeb

常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
CrazyRyan

更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

1 采集收起来源：伪装者 - 伪类选择器
2014-12-23

首页上一页 27187 27188 27189 27190 27191 27192 27193 下一页尾页

0/150

提交

取消

开始学习

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

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