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.

  • 相关阅读:
    html5+css3中的background: -moz-linear-gradient 用法 (转载)
    CentOS 安装Apache服务
    Linux 笔记
    CURL 笔记
    Spring Application Context文件没有提示功能解决方法
    LeetCode 389. Find the Difference
    LeetCode 104. Maximum Depth of Binary Tree
    LeetCode 520. Detect Capital
    LeetCode 448. Find All Numbers Disappeared in an Array
    LeetCode 136. Single Number
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6180975.html
Copyright © 2011-2022 走看看