慕课网

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

初识HTML(5)+CSS(3)

最热最新

jun军

<hr>标签，添加水平横线

查看全部

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

长文本的引用:<blockquote>引用文本</blockquote>

查看全部

0 采集收起
2018-03-22
jun军

<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

查看全部

0 采集收起
2018-03-22
jun军

<em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调

查看全部

0 采集收起
2018-03-22
jun军

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的

查看全部

0 采集收起
2018-03-22
小光头

!important 全值高于用户所设置的样式 Microsoft Yahei 微软雅黑

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2015-02-19
qq_莫_1

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
shimin68

长度值长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。 1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。 2、em 就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。如下代码： p{font-size:12px;text-indent:2em;} 上面代码就是可以实现段落首行缩进 24px（也就是两个字体大小的距离）。下面注意一个特殊情况：但当给 font-size 设置单位为 em 时，此时计算的标准以 p 的父元素的 font-size 为基础。如下代码： html: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;} 结果 span 中的字体“例子”字体大小就为 11.2px（14 * 0.8 = 11.2px）。 3、百分比 p{font-size:12px;line-height:130%} 设置行高（行间距）为字体的130%（12 * 1.3 = 15.6px）。

查看全部

0 采集收起
2018-03-22
小伟happy

使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。下面是一个完整的实例: 在浏览器中显示的结果：发送点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息，如下图：

查看全部

0 采集收起
2018-03-22
诸子

1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起
2018-03-22
黑羊sparrow

第八章：CSS选择器 1、 2、语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
qq_莫_1

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。

查看全部

0 采集收起
2018-03-22
我是王者_0001

<a href="mailto:,,,,,,,,?subject=主题名称&body=邮件内容">

查看全部

0 采集收起
2018-03-22
qq_莫_1

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

查看全部

0 采集收起
2018-03-22
小妖0

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-02-18

首页上一页 26424 26425 26426 26427 26428 26429 26430 下一页尾页

0/150

提交

取消

开始学习

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

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