CSS实例教程:网页页面无编码序列表标识的设计方

2021-03-15 16:49 jianzhan

大伙儿看到了其本方式与无编码序列表的1样,只是出外围标识上名字不一样。无序是UL,井然有序就变为OL了。所不一样的是井然有序目录可能有比无序更多的标识特性。   在网站建设的实例中,绝大多数讲到了CSS无编码序列表的运用,而jb51.net更期待大伙儿能熟习各种各样不常见的专业知识,更为技术专业的应对工作中中将会遇到的难题。之前大家应对这些拥有次序或是了解字注明排列的內容时大多数是在数据信息前自主再加1个标值,或是由程序流程再加这个标值。而假如应用井然有序目录则不必须这么不便,压根无需自主去填写序数,当单层目录的情况下这类特点好像其实不显著,而当应用多层的情况下其特点就很显著了。那末還是先来掌握1下井然有序目录的编码方式:
<ol>
<li>这便是目录的內容了,这是第1句www.jb51.net</li>
<li>这便是目录的內容了,这是第2句</li>
<li>这便是目录的內容了,这是第3句www.jb51.net</li>
<li>这便是目录的內容了,这是第4句</li>
<li>这便是目录的內容了,这是第5句www.jb51.net</li>
</ol>
  大伙儿看到了其本方式与无编码序列表的1样,只是出外围标识上名字不一样。无序是UL,井然有序就变为OL了。所不一样的是井然有序目录可能有比无序更多的标识特性。由于是井然有序的就会涉及到次序的各个方面。
  更改刚开始值
  一般状况下访问器会从阿拉伯数据“1”刚开始全自动井然有序序号。而事有独特,当井然有序目录必须变为两个一部分,那末下1部人从头开始刚开始序号当然便是不对的了。那末下1一部分的序号当然是要依据上1段最终1个序号加1为刚开始号。这便是说大家必须更改目录的刚开始值。更改刚开始值的特性是:"start",宣布的写法是:
<olstart="6">
<li>这便是目录的內容了,这是第1句www.jb51.net</li>
<li>这便是目录的內容了,这是第2句</li>
<li>这便是目录的內容了,这是第3句</li>
<li>这便是目录的內容了,这是第4句www.jb51.net</li>
<li>这便是目录的內容了,这是第5句</li>
</ol>
  大伙儿留意到了,上面这段编码是说目录的刚开始值是从6刚开始的,那末如今能够试着在1段井然有序目录中添加这1特性看看是不是产生了转变?
  更改序号种类
  访问器中默认设置1般全是阿拉伯数据为目录序号,那末是不是能够有其他种类呢?有,特性为“type”,但是出示的种类很少,仅有5种:
种类值转化成款式编码序列举例
A大写字母A、B、C、D、E
a小写字母a、b、c、c、e
I大写罗马数据I、II、III、IV、V
i小写罗马数据i、ii、iii、iv、v
1阿拉伯数据1、2、3、4、5
  在编码中的写法应当是:
<oltype="A">
<li>这便是目录的內容了,这是第1句www.jb51.net</li>
<li>这便是目录的內容了,这是第2句</li>
<li>这便是目录的內容了,这是第3句www.jb51.net</li>
<li>这便是目录的內容了,这是第4句</li>
<li>这便是目录的內容了,这是第5句www.jb51.net</li>
</ol>
  这1点jb51.net觉得这个种类值大伙儿還是少用为好,由于用CSS1样能够设定这个种类。我1向认为款式层面的事应由款式語言来做。那末除非独特缘故,这个特性還是无需为好。自然不管是CSS1還是CSS2基础上都没考虑到我国,在CSS2中早已为出示了日文序号标识符,但是都还没汉语。jb51.net觉得在这点上CSS2還是拥有缺点的,最少他沒有出示更好的拓展方式。