慕课网

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

初识HTML(5)+CSS(3)

最热最新

Frank_Won

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，

查看全部

0 采集收起来源：我全都要 - 通用选择器
2015-02-05
Nemonameless

在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 。

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
Nemonameless

总结：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。在需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车, 没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

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

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。语法示例：.first空格span{color:red;} 这个选择器与子选择器的区别：子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
Nemonameless

<q>标签是对简短文本的引用 <q>标签的解析是引号 <blockquote>标签，长文本引用浏览器对<blockquote>标签的解析是缩进样式。别忘记了，双引号是不用加入的

查看全部

0 采集收起
2018-03-22
故人渐北

想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。 h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
Nemonameless

<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话在使用了<q>标签之后，会自动显示有双引号，自己就不用加引号了，不然会出现两个双引号

查看全部

0 采集收起
2018-03-22
Nemonameless

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 span{ color:blue; }

查看全部

0 采集收起
2018-03-22
Nemonameless

但两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调

查看全部

0 采集收起
2018-03-22
Frank_Won

子选择器，用>（大于号）表示，用于选择指定标签元素的第一代子元素如：.food>li{border:1px solid red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
Nemonameless

了解<hx>标签，为你的网页添加标题文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法： <hx>标题文本</hx> (x为1-6) 文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1> h1-h6标签的默认样式：标签代码：在浏览器中显示的样式：从上面的图片可以看出标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。

查看全部

0 采集收起
2018-03-22
故人渐北

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

查看全部

0 采集收起
2018-03-22
Nemonameless

<p>段落文本</p>一段文字一个标签，不能几段文字使用一个<p>标签 <p>标签的默认样式段前段后都有空白，可以通过CSS样式删除和改变

查看全部

0 采集收起
2018-03-22
Nemonameless

1.在网页上要展示出来的页面内容一定要放在body标签中。 2.<em></em> 斜体 <strong></strong> 粗体

查看全部

0 采集收起
2018-03-22
故人渐北

这一小节我们来学习一下另一个在段落排版中起重要作用的行间距（行高）属性（line-height），如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;} <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

查看全部

0 采集收起
2018-03-22

首页上一页 26609 26610 26611 26612 26613 26614 26615 下一页尾页

0/150

提交

取消

开始学习

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

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