慕课网

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

初识HTML(5)+CSS(3)

最热最新

le_cuer

.first >span{color:red;}:>作用于元素的第一代后代，.first span{color:red;}:空格作用于元素的所有后代

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
慕尼黑9055727

<h1></h1>就是标题标签

查看全部

0 采集收起
2018-03-22
斜雨

{text-decoration:line-through;}

查看全部

0 采集收起
2014-11-18
小叶吊儿郎当

<a>链接到别一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> <a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a> <address>，加入地址信息标签语法： <address>地址信息</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式用<a>链接邮件地址，点击链接后对打开邮件应用并填入链接中提供的信息。 <a href="mailto:邮件地址?subject=邮件主题&body=邮件内容&cc=抄送地址&bcc=秘密抄送地址"></a> 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

查看全部

0 采集收起
2018-03-22
斜雨

font-style:italic;

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-11-18
小叶吊儿郎当

<caption>标签，为表格添加标题和摘要摘要summary 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 标题<caption> 用以描述表格内容，标题的显示位置：表格上方。语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
小叶吊儿郎当

用css样式，为表格加入边框例： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 为th，td单元格添加粗细为一个象素的黑色边框。

查看全部

0 采集收起
2018-03-22
慕粉3508884

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 采集收起
2018-03-22
慕粉3508884

Relative与Absolute组合使用可以相对于父元素定位，父元素设置Relative，子元素设置Absolute，利用left,right,top,bottom4个属性，可以做出子元素相对于父元素偏移定位的效果

查看全部

1 采集收起来源：Relative与Absolute组合使用
2014-11-18
小叶吊儿郎当

<table>标签，为网页添加表格标签 table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。

查看全部

1 采集收起
2018-03-22
小叶吊儿郎当

用id属性来为<div>提供唯一的名称语法： <div id="版块名称">…</div>

查看全部

0 采集收起
2018-03-22
小叶吊儿郎当

<div>标签在排版中的作用在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法： <div>…</div> 确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用<div>标签作为容器。

查看全部

0 采集收起
2018-03-22
焚烧

类选择器语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）

查看全部

0 采集收起来源：再选一个类 - 类选择器
2014-11-18
小叶吊儿郎当

<code>标签加入代码语法： <code>代码语言</code> 注：如果是多行代码，可以使用<pre>标签。 <pre>标签添加多行代码语法： <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化文本。被包围在 pre 元素中的文本通常会保留空格和换行符

查看全部

0 采集收起
2018-03-22
小叶吊儿郎当

<hr>标签添加水平线单标签  添加空格语法：  

查看全部

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

首页上一页 27612 27613 27614 27615 27616 27617 27618 下一页尾页

0/150

提交

取消

开始学习

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

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