慕课网

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

初识HTML(5)+CSS(3)

最热最新

Silence_mxy

浮动模型如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div>

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
Silence_mxy

流动模型先来说一说流动模型，流动（Flow）是默认的网页布局模式也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

查看全部

0 采集收起来源：排队显示-流动模型（二）
2015-01-18
堇M小沐

加入一行代码的标签为<code> <pre>标签为你的网页加入大段代码.. <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。语法： <pre>语言代码段</pre> 注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

1 采集收起
2018-03-22
亲爱的偏执狂

对网页添加邮箱进行了解cc bcc ；mailto subject

查看全部

0 采集收起
2015-01-18
圆圆圈圈圆圆的花花

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 采集收起
2018-03-22
堇M小沐

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

查看全部

1 采集收起
2018-03-22
堇M小沐

<address>标签，为网页加入地址信息.注：地址标签默认的是斜体(ke xiu gai yang shi) 语法： <address>地址信息</address>

查看全部

1 采集收起
2018-03-22
神奇的bebe

div 语法： <div>…</div> 确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。

查看全部

0 采集收起
2018-03-22
堇M小沐

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

查看全部

1 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
圆圆圈圈圆圆的花花

CSS之嵌入式 <style type="text/css"> span{color:red; } </style>

查看全部

0 采集收起
2018-03-22
神奇的bebe

使用ol，添加图书销售排行榜。有序列表。语法： <ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
堇M小沐

在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入  语法：   (是英文的；---顿号)

查看全部

1 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
神奇的bebe

使用ul，添加新闻信息列表.ul-li是没有前后顺序的信息列表(项目列表)。语法： <ul> <li>信息</li> <li>信息</li> ...... </ul>

查看全部

0 采集收起
2018-03-22
堇M小沐

总结概括：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。 <br />标签作用相当于word文档中的回车 <br>标签分行显示文本语法： xhtml1.0写法： <br /> html4.01写法： <br> 大家注意，现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。不直接敲空格输入回车的原因：在 html 中是忽略回车和空格的，输入的再多回车和空格也显示不出来

查看全部

1 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
神奇的bebe

<pre>标签为你的网页加入大段代码语法： <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

查看全部

0 采集收起
2018-03-22

首页上一页 26890 26891 26892 26893 26894 26895 26896 下一页尾页

0/150

提交

取消

开始学习

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

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