zoukankan      html  css  js  c++  java
  • 12列表与生成内容

    要影响一个列表的样式,最简单(同时支持最充分)的办法就是改变其标志类型。list-style-type属性可以改变列表项的标志类型,默认值是disc。list-style-type属性(以及所有其他与列表相关的属性)只能应用于display值为list-item的元素。如果想完全禁止显示标志,只能使用值none。

    list-style-image属性可以使用图像作为标志,值:<url>|none|inherit.通常定义一个后备的list-style-type来应付list-style-image不起作用的情况(如图像未能加载、被破坏等)。

    list-style-position可以设置标志是出现在列表项内容之外还是内容之内,值:inside|outside|inherit。

    列表样式属性可以合并为一个方便的属性:list-style,值:[<list-style-type>||<list-style-image>||<list-style-position>]|inherit.list-style的值可以按任何顺序出现,而且这些值都可以忽略。

    list-item定义为生成块框。如果标志放在列表项内容之外,它们不会影响其他元素的布局,也不会影响列表项本身的布局。如果标志在列表内容内部,则相当于放在内容开始处的一个行内元素。列表元素也是一个块框。想改变列表的缩进距离,建议同时指定内边距和外边距,以确保跨浏览器兼容性。

    生成内容指由浏览器创建的内容,而不是由标志或内容来表示。为了向文档中插入生成内容,可以使用:before和:after伪元素。这些伪元素会根据contnet属性把生成内容放在一个元素内容的前面或后面。生成内容放在元素框的内部。

    content属性可以描述生成的内容,值:normal|[<string>|<url>|<counter>|attr(<identifier>)|open-quote]+|inherit.attr可以获取元素的属性值。open-quotes等成对的content值以及属性quotes可以管理生成引号。quotes属性的值:[<string><string>]+|none|inherit。前一个串定义了开始引号(open-quote)。第二个串定义了结束引号(close-quote)。

    创建计数器包括两个方面,一是能设置计数器的起点,二是能将其传递一定的量。counter-reset可以设置计数器起点,值:[<identified><integer>?]+|none|inherit。默认的。计数器重置为0,如果想重置为另一个数(可以是负数),可以在标识符后面声明这个数。可以在标识符-整数对中一次重置多个标识符。counter-increment属性来指示元素将计数器递增,值:[<identified><integer>?]+|none|inherit.类似于counter-reset,counter-increment也接受标识符-整数对,其中整数部分可以是0,正数,负数,默认值为1.

  • 相关阅读:
    快速入门:BUMO 节点安装运维指南
    快速入门:BUMO 智能合约(hello world)
    python 多进程处理 multiprocessing模块
    python 多进程处理 multiprocessing模块
    python 多进程处理 multiprocessing模块
    一段简单的数据加密小例程
    一段简单的数据加密小例程
    一段简单的数据加密小例程
    一段简单的数据加密小例程
    家用PC机打造VSphere5.1 测试环境:之部署VCenter Server 5.1
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6180975.html
Copyright © 2011-2022 走看看