慕课网

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

初识HTML(5)+CSS(3)

最热最新

李恰恰

使用pre标签为你的网页加入大段代码,注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

0 采集收起
2018-03-22
李恰恰

想加入一行代码吗？使用code标签在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如下面例子： <code>var i=i+300;</code>注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。语法：<code>代码语言</code>注：如果是多行代码，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
李恰恰

address标签，为网页加入地址信息一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式。

查看全部

0 采集收起
2018-03-22
李恰恰

hr标签，添加水平横线语法： html4.01版本 <hr> xhtml1.0版本 <hr /> 注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
李恰恰

blockquote标签，长文本引用。语法:<blockquote>引用文本</blockquote>

查看全部

0 采集收起
2018-03-22
寒米369

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2014-12-05
寒米369

更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-12-05
寒米369

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
会_飞_的_鱼

块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示： div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div> 将上面代码中的left改为right可以同时设置两个元素右浮动实现一行显示。设置两个元素一左一右可以实现一行显示吗？当然可以： div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
会_飞_的_鱼

流动模型（二）在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示（不像块状元素要独占一行）标签a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-12-05
biao197

css样式：font-weight:bold;加粗

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2014-12-05
biao197

form表单中的label标签 <label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
会_飞_的_鱼

流动模型，流动（Flow）是默认的网页布局模式。块状元素标签(div，h1，p)默认宽度显示为100%。示例代码[复习]： <style type="text/css"> #box1{width:300px;height:100px;} div,h1,p{border:1px solid red;} </style> <div id="box1">box1</div> <div id="box2">box2</div> <h1>标题</h1> <p>文本段文本段文本段。</p>

查看全部

0 采集收起来源：排队显示-流动模型（一）
2018-03-22
biao197

重置按钮:<input type="reset" value="重置">

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
biao197

提交按钮：<input type="submit" value="提交">

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22

首页上一页 27392 27393 27394 27395 27396 27397 27398 下一页尾页

0/150

提交

取消

开始学习

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

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