井然有序目录和段落设计方案绮丽的网页页面目

日期:2021-03-15 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序


在默认设置状况下,大多数数访问器都会将井然有序目录中的数据编码序列的与其目录文本內容显示信息为同样的字体样式。这篇迅速实例教程将教你怎样应用井然有序目录(ol)和段落(p)来设计方案绮丽的目录数据。
在默认设置状况下,大多数数访问器都会将井然有序目录中的数据编码序列的与其目录文本內容显示信息为同样的字体样式。这篇迅速实例教程将教你怎样应用井然有序目录(ol)和段落(p)来设计方案绮丽的目录数据。 预览
基础上讲,你必须做的只是为ol元素界定Georgia字体样式,随后为p元素(在ol内)界定Arial字体样式。

1.HTML源码
建立1个井然有序目录,不必忘了将目录中的文本放在闭合的<p>标识内。

<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>

下列是无编码序列表的默认设置款式:
2.ol元素
为ol元素加上款式:

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

目录会变为这样:
3. ol p 元素
如今为ol p 元素加上款式:

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

你的井然有序目录的最后款式:

看来看详细的预览Demo吧

[Ctrl A 所有挑选 提醒:你可先改动一部分编码,再按运作]