慕课网

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

初识HTML(5)+CSS(3)

最热最新

webbzhong

<q>标签的真正关键点不是它的默认样式双引号，而是它的语义：引用别人的话

查看全部

1 采集收起
2018-03-22
天边

如果是多行代码，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
Ethan_0010

类和id: 相同点：可应用于任何元素；不同点：1在一个HTML中，id选择器只能使用一次；2可使用类选择器词的列表方法为一个元素同时设置多个样式，如<span class="stress bigsize"。stress与bigsize在head中style标签里已经定义了。具体为：.stress{color：yellow；font-size：28；}的方式，注意前面是点。id则是：#stress{。。。}方式。

查看全部

1 采集收起来源：类和ID选择器的区别
2018-03-22
heturns

<div id=""></div>为了是逻辑更加清晰，给容器命名。

查看全部

0 采集收起
2018-03-22
heturns

1.<div></div>相当于一个容器。用来划分独立的部分。 2.<div></div>是块状元素，块状元素排斥其他其他元素位于同一行，常见的块状元素为div和p。 3.可以使用<div style="float：left"></div>来解决2中的排斥问题。如代码。

查看全部

2 采集收起
2018-03-22
晚豹霸祖座

定义和用法 <var> 标签表示变量的名称，或者由用户提供的值。 <var> 标签是计算机文档中应用的另一个小窍门，这个标签经常与 <code> 和 <pre> 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。用 <var> 标签标记的文本通常显示为斜体。就像其他与计算机编程和文档相关的标签一样，<var> 标签不只是让用户更容易理解和浏览你的文档，而且将来某些自动系统还可以利用这些恰当的标签，从你的文档中提取信息以及文档中提到的有用参数

查看全部

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

<ol></ol>有序列表，ol-li每项li前都有自带序号，默认序号从1开始。

查看全部

0 采集收起
2018-03-22
heturns

<ul>无序列表，ul-li每项li前都带一个实心圆点。

查看全部

1 采集收起
2018-03-22
晚豹霸祖座

<blockquote> 标签定义块引用。 <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。定义和用法 <dl> 标签定义了定义列表（definition list）。 <dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

查看全部

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

<code></code>插入一行代码，插入多行时不能使用。 <pre>插入多行代码。

查看全部

0 采集收起
2018-03-22
晚豹霸祖座

段落排版--字间距如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } <h1>了不起的盖茨比</h1>

查看全部

1 采集收起
2018-03-22
晚豹霸祖座

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

查看全部

0 采集收起
2018-03-22
晚豹霸祖座

文字排版--删除线如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到： .oldPrice{text-decoration:line-through;}

查看全部

1 采集收起
2018-03-22
heturns

1.w3school中明确写道<hr/>就是水平分隔线（horizontal rule）的缩写。 2.小结：<br/>换行 &nbsp;空格 <hr/>水平分隔线

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
晚豹霸祖座

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

查看全部

1 采集收起
2018-03-22

首页上一页 28335 28336 28337 28338 28339 28340 28341 下一页尾页

0/150

提交

取消

开始学习

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

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