慕课网

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

初识HTML(5)+CSS(3)

最热最新

weixin_慕侠9537706

css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：
<p>这里文字是红色。</p>

嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色：
<style type="text/css">
span{
color:red;
}
</style>
嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：既然那么好,那就引入css吧 - 内联式css样式
2021-03-01
qq_精慕门3013386

内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-03-01
慕仙1457970

method="传送方式"（post/get） action="服务器文件"（被传送的地方）

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-03-01
weixin_慕侠9537706

同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-03-01
笙笙不息

placeholder属性为输入框占位符,里面可以放提示的输入信息。类似于value

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2021-02-28
慕前端4531864

redio单选中 name的值一致的是一组

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-02-28
慕前端4531864

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

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-02-28
慕前端4531864

<hr>水平分割线

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2021-02-28
慕前端4531864

1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2021-02-28
慕前端4531864

caption标签用来定义表格的标题
<th>表头列
<tr>行 <td>列

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-02-28
慕前端4531864

<a>标签中 href 超链接的目标地址
target 跳转方式 _self 当前页
_blank 新窗口

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-02-28
qq_慕码人8025475

传入与传出method , action

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2021-02-26
null_6

1、select和option标签都是双标签，它总是成对出现的，需要首标签和尾标签。
2、select标签里面只能放option标签，表示下拉列表的选项。
3、option标签放选项内容，不放置其他标签。
<option value="提交值（向服务器提交的值）">选项（显示的值）</option>
selected="selected",默认选中
<form>
<select>
<option value=""></option
</select>
</form>

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2021-02-26
null_6

1、type:
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中
5、同一组的单选按钮，name 取值一定要一致
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-02-26
null_6

当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
<label for="控件ID名称">
<form
<label for="email">输入您的邮箱地址</label>
<input type="email" id="email" placeholder="enter email">
</form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-02-26

首页上一页 306 307 308 309 310 311 312 下一页尾页

0/150

提交

取消

开始学习

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

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