慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕无忌5918492

body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2015-02-11
慕无忌5918492

body{font-family:"宋体";}

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
慕无忌5918492

p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
在路上dd

如果想在网页中展示有前后顺序的信息列表 <ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
上心

摘要：<table summary="表格简介文本"> 标题用以描述表格内容，标题的显示位置：表格上方。 <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

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

使用ul，添加信息列表 <ul> <li>信息</li> <li>信息</li> ...... </ul>

查看全部

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

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

查看全部

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

想加入一行代码吗？使用<code>标签语法：<code>代码语言</code> 使用code标签，不指是为代码设置不同的样式，主要还是为了语议化：为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。注：如果是多行代码，可以使用<pre>标签。

查看全部

1 采集收起
2018-03-22
上心

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
wqj12345

后期应注意类选择器与id选择器的区别；百度：控制页面总共有四种方式行内方式、内嵌方式、链接方式、导入方式，通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。css选择器有三种：标签选择器、类选择器、id选择器；【注】其一：在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class 其二：当页面中用到js或者要动态调用对象的时候，要用到id

查看全部

0 采集收起
2015-02-11
山野村妇

position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，. <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } #box3{ width:200px; height:200px; position:relative; } #box4{ width:99%; position:absolute; bottom:0; left:0; }

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
山野村妇

left左、right右、top上、bottom下

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2015-02-11
flus

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本">

查看全部

0 采集收起
2018-03-22
山野村妇

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2015-02-11
山野村妇

div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}左右分离

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2015-02-11

首页上一页 26502 26503 26504 26505 26506 26507 26508 下一页尾页

0/150

提交

取消

开始学习

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

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