慕课网

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

初识HTML(5)+CSS(3)

最热最新

宜识伊始_0001

段落排版--行间距行间距属性（line-height）， p{line-height:1.5em;}

查看全部

0 采集收起
2014-11-09
menghong

<label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> 点击“输入你的邮箱地址”文本区域，就会关联到文字后面的输入框

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
宜识伊始_0001

段落排版--缩进中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-11-09
menghong

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-11-09
宜识伊始_0001

文字排版--删除线 .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-11-09
menghong

在表单中有两种按钮可以使用，分别为：提交按钮、重置。

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2014-11-09
menghong

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

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字 p a{text-decoration:underline;}

查看全部

0 采集收起
2014-11-09
宜识伊始_0001

文字排版--斜体以下代码可以实现文字以斜体样式在浏览器中显示： p a{font-style:italic;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-11-09
menghong

使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> 注意: 1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。 2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的wiki，里面有详细介绍。

查看全部

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

文字排版--字号、颜色可以使用下面代码设置网页中文字的字号为12像素，并把字体颜色设置为#666(灰色)： body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2014-11-09
menghong

认识<img>标签，为网页插入图片在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例： <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
tweetyzhang

h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

查看全部

0 采集收起
2018-03-22
tweetyzhang

标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>，那么</p>必须放在</div>的前面。如下图所示。

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2018-03-22
paul_0018

字体缩写网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22

首页上一页 27741 27742 27743 27744 27745 27746 27747 下一页尾页

0/150

提交

取消

开始学习

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

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