慕课网

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

初识HTML(5)+CSS(3)

最热最新

鸡腿先生

<br /> 和<br />换行标志

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
付之一笑的回忆

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-22
鸡腿先生

1.<blockquote>引用文本</blockquote>引用文本比较长 2.<q>引用文本</q>引用文本较短 *在使用的时候要注意把本来的双引号去掉

查看全部

0 采集收起
2018-03-22
付之一笑的回忆

使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div> <div>相对参照元素进行定位</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; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
鸡腿先生

1. 别忘了span标签的语法 <span>...</span> 2. color:blue;语句最后的;不要丢掉。

查看全部

0 采集收起
2018-03-22
付之一笑的回忆

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-11-22
Kafkalxh

ul-li是无序列表

查看全部

0 采集收起
2014-11-22
Kafkalxh

<ul><li>。。。</li><li> </li></ul>

查看全部

0 采集收起
2018-03-22
Echo1040878

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

查看全部

0 采集收起
2018-03-22
Echo1040878

table标签---认识网页上的表格有时候我们需要在网页上展示一些数据，如某公司想在网页上展示公司的库存清单。如下表：想在网页上展示上述表格效果可以使用以下代码：创建表格的四个元素： table、tbody、tr、th、td 1、：整个表格以标记结束。 2、：当表格内容非常多时，表格会下载一点显示一点，但如果加上

查看全部

0 采集收起
2014-11-22
Echo1040878

在上一小节中，我们把一些标签放进<div>里，划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。如下两图进行比较，如果设计师把两个图给你，哪个图你看上去能更快的理解呢？是不是右边的那幅图呢。语法： <div>…</div></div></div>

查看全部

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-11-22
Echo1040878

使用ol，添加图书销售排行榜如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当当网上的书籍热卖排行榜，如下图所示。这类信息展示就可以使用<ol><li>标签来制作有序列表来展示。语法： <ol><li>信息</li> <li>信息 ...... </li></ol> 举例：下面是一个热点课程下载排行榜： <ol><li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol><ol><li>在网页中显示的默认样式一般为：每项</li></ol></li></ol>

查看全部

0 采集收起
2018-03-22
等那风来

内联元素之间有一个间距问题内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。小伙伴们你们观查一下右侧代码段，有没有发现一个问题，内联元素之间有一个间距问题，这个问题在本小节的wiki中有介绍，感兴趣的小伙伴可以去查看。内联元素与块状元素可以相互转化

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-11-22
等那风来

常用的块状元素有： <div>、<p>、</p><h1>...</h1><h6>、</h6><ol><li>、</li></ol><ul><li>、</li></ul><address>、</address><blockquote> 、常用的内联元素有： <a>、<span>、<br />、<i>、<em>、<strong>、、<q>、<var>、<cite>、<code> 常用的内联块状元素有：、</code></cite></var></q></strong></em></i></span></a></blockquote></div>

查看全部

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

首页上一页 27554 27555 27556 27557 27558 27559 27560 下一页尾页

0/150

提交

取消

开始学习

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

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