慕课网

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

初识HTML(5)+CSS(3)

最热最新

恶魔

创建表格的四个元素： 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>：表格的头部的一个单元格，表格表头

查看全部

0 采集收起
2018-03-22
在学习路上

如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-10-03
在学习路上

元素内容与边框之间是可以设置距离的，称之为填充。填充也可分为上、右、下、左。如下代码： div{padding:20px 10px15px 30px;} 顺序一定不要搞混。可以分开写上面代码： div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; }

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-10-03
lmlost

段落排版--缩进 p{text-indent:2em;}

查看全部

0 采集收起
2014-10-03
lmlost

文字排版--删除线 .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-10-03
恶魔

<div>标签的作用就相当于一个容器。也就是把信息分组 <div id="版块名称">…</div> id是给组起名字总之是为了更有逻辑性更清晰

查看全部

0 采集收起
2018-03-22
lmlost

文字排版--下划线p a{text-decoration:underline;}

查看全部

0 采集收起
2014-10-03
在学习路上

如果上右下左的边界都为10px;可以这么写： div{ margin:10px;} 如果上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;} 总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-10-03
在学习路上

元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; }

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-10-03
lmlost

文字排版--斜体p a{font-style:italic;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-10-03
在学习路上

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以外的内容范围，因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-10-03
恶魔

<ul> <li>信息</li> <li>信息</li> ...... </ul> ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，信息是没有先后顺序的有就是不会标记数字排序 <ol> <li>信息</li> <li>信息</li> ...... </ol> <ol>是有排序的

查看全部

0 采集收起
2018-03-22
在学习路上

css样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-10-03
恶魔

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

查看全部

0 采集收起
2018-03-22
在学习路上

注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-10-03

首页上一页 28125 28126 28127 28128 28129 28130 28131 下一页尾页

0/150

提交

取消

开始学习

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

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