慕课网

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

初识HTML(5)+CSS(3)

最热最新

果果橙

语法：
<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>创建表单
2021-08-22
qq_慕无忌1571613

<aside></aside>标签是侧边栏标签,<aside>标签代表侧边栏区域,跟div一样实际还是需要css修饰才能看得到.

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2021-08-21
qq_慕无忌1571613

<section></section>标签代表一个区域,跟<div>标签一样.例如慕课网的专栏部分

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2021-08-21
qq_慕无忌1571613

<footer></footer标签对是底部标签对,是用来定义网页的底部,(例如:慕课网主页的底部部分).

查看全部

0 采集收起来源：结尾神转折 - <footer>标签定义底部区域
2021-08-21
qq_慕无忌1571613

<header></header>标签对是头部标签,作用是用来定义网页的头部区域,(例如:慕课网主页的顶部部分)
注意:<header></header>不和<head></head>一样,意思也不同.

查看全部

0 采集收起来源：听说开头写的好就能一键三连 - <header>标签定义头部区域
2021-08-21
qq_慕无忌1571613

<h></h>标签对是标题标签,一共有六个,h1,h2,h3,h4,h5,h5,h6,分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级.
标题标签可以用作各个网页栏目的标题.
注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上

查看全部

0 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2021-08-21
qq_慕无忌1571613

<span></span>标签对没有明确的意思,作用是用来对文本中某个或某些字添加特别效果.

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2021-08-21
qq_慕无忌1571613

<p><p/>标签段是段落标签，而且每段上下都会留有一航的空白间距.

查看全部

0 采集收起来源：开始我们的第一段对话吧- 段落标签
2021-08-21
慕仰2390403

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

查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2021-08-20
慕仰2390403

使用color设置字体颜色
技术点的解释：
1、color属性可以设置字体颜色。
2、color的值有3种设置方式：
英文命令颜色
p{color:red;}
RGB颜色
这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。
p{color:rgb(133,45,200);}
每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如：
p{color:rgb(20%,33%,25%);}
十六进制颜色
这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。
p{color:#00ffff;}
配色表：

查看全部

0 采集收起来源：上个色 - 使用color设置字体颜色
2021-08-20
慕仰2390403

- 使用font-style设置字体样式
技术点的解释：
1、font-style可以设置字体样式，并且有种3设置方式。
2、正常字体为normal,也是font-style的默认值。
3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。
4、oblique为设置倾斜的字体，强制将字体倾斜。

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2021-08-20
慕仰2390403

使用font-weight设置字体粗细
我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。
p span{font-weight:bold;}
在这里大家可以看到，如果想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2021-08-20
慕仰2390403

使用font-size设置字体大小
可以使用下面代码设置网页中文字的字号为12像素：
body{font-size:12px;}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2021-08-20
慕仰2390403

换个好看的字体 - 使用font-family设置字体系列
我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。
body{font-family:"宋体";}
这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）
现在一般网页喜欢设置“微软”，如下代码：
body{font-family:"Microsoft Yahei";}
或
body{font-family:"雅黑";}
注意：第一种方法比第二种方法兼容性更好一些。
因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2021-08-20
慕仰2390403

换个好看的字体 - 使用font-family设置字体系列
我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。
body{font-family:"宋体";}
这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）
现在一般网页喜欢设置“微软雅黑”，如下代码：
body{font-family:"Microsoft Yahei";}
或
body{font-family:"微软雅黑";}
注意：第一种方法比第二种方法兼容性更好一些。
因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2021-08-20
慕仰2390403

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。
如下代码：
p{color:red!important;}
p{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>
这时 p 段落中的文本会显示的red红色。
注意：!important要写在分号的前面
这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-08-20

首页上一页 199 200 201 202 203 204 205 下一页尾页

0/150

提交

取消

开始学习

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

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