慕课网

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

初识HTML(5)+CSS(3)

最热最新

Transformation

块状元素也可以通过代码display:inline将元素设置为内联元素。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。解决行内元素间隙bug问题解决方法： 1、写在一行，之间不要有空格之类的符号。 2、使用font-size:0 div{font-size:0;} a,span,em{font-size:16px;}

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2015-02-14
986850999

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

查看全部

0 采集收起
2018-03-22
随遇而安丨

文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。举例： <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
986850999

用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。语法：<div id="版块名称">…</div>

查看全部

0 采集收起
2018-03-22
986850999

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器

查看全部

0 采集收起
2018-03-22
Transformation

在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
Transformation

html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
986850999

如果想在网页中展示有前后顺序的信息列表 <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol>

查看全部

0 采集收起
2018-03-22
Transformation

段落排版--对齐想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码 h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
986850999

实现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> 如：<ul type=circle> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>

查看全部

0 采集收起
2018-03-22
Transformation

段落排版--字间距、字母间距文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } 单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; }

查看全部

0 采集收起
2015-02-14
Transformation

段落排版--行间距（行高） p{line-height:2em;}

查看全部

0 采集收起
2015-02-14
Transformation

段落排版--缩进: p{text-indent:2em;} 2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2015-02-14
爽如此

创建表格的四个元素： 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标签中的文本默认为粗体并且居中显示摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 标题用以描述表格内容，标题的显示位置：表格上方。语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
Transformation

文字排版--删除线如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到：上图中的原价上的删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-02-14

首页上一页 26467 26468 26469 26470 26471 26472 26473 下一页尾页

0/150

提交

取消

开始学习

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

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