慕课网

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

初识HTML(5)+CSS(3)

最热最新

bluskytee

<html></html>称为根标签，所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

查看全部

1 采集收起来源：听说有新版本了? - html5文档结构
2018-03-22
慕村4001011

在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-31
慕村4001011

border-style（边框样式）： dashed（虚线）|dotted（点线）|solid（实线）

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-01-31
hayasi

摘要：<table summary="表格简介文本">摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，标题：<caption>标题文本</caption>用以描述表格内容，标题的显示位置：表格上方

查看全部

0 采集收起
2018-03-22
hayasi

创建表格的四个元素： 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、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的 2、表头，也就是th标签中的文本默认为粗体并且居中显示

查看全部

0 采集收起
2018-03-22
蒲子PY

分组选择符为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-31
hayasi

<div id="版块名称">…</div> 为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称

查看全部

0 采集收起
2018-03-22
蒲子PY

伪类选择符它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover hover 可以放在任意的标签上

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-31
hayasi

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，用div标签为网页划分独立的版块.放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法： <div>…</div>

查看全部

0 采集收起
2018-03-22
蒲子PY

通用选择器通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2015-01-31
hayasi

使用<ol>标签来制作有序列表来展示。默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始 <ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
蒲子PY

包含(后代)选择器即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} >作用于元素的第一代后代，空格作用于元素的所有后代。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
蒲子PY

子选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
hayasi

ul-li是没有前后顺序的信息列表。 <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>

查看全部

0 采集收起
2018-03-22
hayasi

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

查看全部

0 采集收起
2018-03-22

首页上一页 26686 26687 26688 26689 26690 26691 26692 下一页尾页

0/150

提交

取消

开始学习

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

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