慕课网

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

初识HTML(5)+CSS(3)

最热最新

Carson_成

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。提示：下一小节是用视频动画来讲解css中的盒模型。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
Carson_成

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
Carson_成

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

查看全部

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

文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>

查看全部

0 采集收起
2018-03-22
慕娘3584298

这一小节我们来学习一下另一个在段落排版中起重要作用的行间距（行高）属性（line-height），如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2015-02-13
慕娘3584298

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2015-02-13
慕娘3584298

删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-02-13
慕娘3584298

文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

查看全部

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

文本输入框、密码输入框当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。 <form> <input type="text/password" name="名称" value="文本" /> </form>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2018-03-22
hwqchi

有序列表语法： <ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
慕娘3584298

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。如果是中文或者多个单词加是一定要加引号(单/双都行)，如果只是一个单词则可以不加像这样：font-family: Arial;

查看全部

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

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决

查看全部

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

使用表单标签，与用户交互 <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
Ward

就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2018-03-22
慕娘3584298

css继承性，我自己理解为作用域为p标签设置字体颜色p{color：red}，即p标签包括的所有字体都会设置为red，作用域是整个段落，段落里的子标签自然也会遵从颜色设定；同样字体大小的设定，也是整个段落的文字；为p标签设置边框p{border：1px solid green}，作用域仍然是整个段落，为p段落设置了边框，而段落里的某个子标签自然不会在作用域里； css样式中不可继承的属性总结不可继承的属性如下： display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

查看全部

0 采集收起来源：继承者 - 样式的继承
2015-02-13

首页上一页 26478 26479 26480 26481 26482 26483 26484 下一页尾页

0/150

提交

取消

开始学习

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

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