网站列表list属性介绍

css标准允许控制列表元素的外观-尤其是有序和无序列表。

浏览器会你格式化任何其他块项目一样格式化列表项，除了这个块的内容前面有一些排序记号外。对无序列表来说，这个记号是某种分类记号；对编号来说，这个记号是数字或阿拉伯字母或符号。css列表属性允许控制列表项记号的外观和位置。

list-style-image属性

list-style-image属性定义了浏览器用来标记一个列表项的图像。这个属性值是一个图像文件的url或者关键字none。默认值是none。

图像是较受欢迎的列表记号。如果它可以使用，浏览器将显示这个图像来替代任何其他定义的记号。如果图像不可使用或者如果用户禁止调用图像，将使用list-style-type属性定义的记号。

HTMl/XHTML作者可以使用list-style-image属性来给无序列表定义定制的项目符号。当任何图像可以用作项目符号时，我们建议使记号GIF或JPEG图像尺寸很小以确保有效地显示列表。例如，通过在服务器上的文件mybullet.gif中放置需要的项目符号图像，就可以使用那个图像：

li{list-style-image:url(pics/mybullet.gif); list-style-type:square}

在这个示例中，如果浏览器能够成或下载mybullet.gif，那么将使用这个图像。否则，浏览器将使用一个常规的方块形项目符号。

list-style-position属性

有两种方法可用来定位与一个列表项有关的记号：在与项目有关的块外面或里面。因此，list-style-position属性接受以下两个值之一：inside(内部)或outside（外部）。

默认值是outside,表示这个项目记号将悬挂于这一项的左侧，这个项目列表使用的是“outside”标记。inside值使得列表项围绕着这个记号，很像一个悬浮图像：这个项目列表使用的是“inside”标记，注意文本第二行不会缩进，反而与记号的左边缘对齐。

list-style-type属性有双重任务，决定了有序和无序列表项如何显示在能识别样式的浏览器上。这个属性对列表项的效果与type属性一样。

用于无序列表项时，list-style-type属性接受以下4个值之一：disc、circle、square或none。浏览器用相应的方法来给元序列表项做标记。默认值是disc;浏览器根据列表的嵌套层来改变默认值。

用于有序列表项时，list-style-type属性接受以下6个值之一：decimal、lower-roman、upper-roman、lower-alpha、upper-alphan或none。这些值分别把项目编后格式化为十进制值、小写罗马数字、大写罗马数字、小写字母或大写字母。大部分浏览器都默认使用十进制编号策略。

list-style属性

list-style属性是所有其他列表类型属性的缩略形式，可以按照任何顺序接受用于list-style-type、list-style-position和list-style-image属性的值。以下是有效的list-stle属性:

li{list-style: disc}

li{list-style: lower-roman imside}

li{list-style: url(路径)square}

以下是一些可以找到网站建设高清素材图片的途径： 1. **免费素材网站**：    - **Unsplash**：图片数量众多、清晰度高，题材丰富，包含各种风格和主题的图片，可免费商用，非常适合网站建设使用。比如可以找到适合作为网站背景的自然风景图、科技感的抽象图等。    - **Pexels**：不仅有大量高质量图片，还有丰富的视频素材。支持中文关键词搜索，方便用户快速找到所需素材，其图片可免费用于商业和非商业用途。    - **pixabay**：提供高清的矢量图和图片，图片背景透明，可直接用于网站设计，且支持多种文件格式下载。    - **别样网**：国内的免费图片网站，提供大量可商用图片，图片质量较高，能满足网站建设的多种需求。    - **pngimg**：专门提供PNG格式的免费素材，用户可以按照关键词搜索想要的素材，方便用于网站的图标、装饰元素等。    - **花瓣网**：国内大型的图片集合网站，用户可以通过搜索找到各种与网站建设相关的图片素材，并且能从其他用户的收藏和分享中获取灵感。 2. **付费素材网站**：    - **千库网**：有大量的网站建设相关图片素材，包括背景图、图标、网页设计元素等，图片质量高且风格多样，部分素材需要付费购买会员后才能下载使用。    - **摄图网**：提供高清的图片素材，有多种授权方式可供选择，适合对图片版权要求较高的网站建设项目。    - **视觉中国**：拥有海量的专业图片资源，图片质量和版权都有较高的保障，但价格相对较高，适合大型商业网站建设或对图片质量有极高要求的项目。 3. **专业设计社区**：    - **Dribbble**：汇聚了众多优秀的设计师，他们会在上面分享自己的设计作品，包括网站设计相关的图片素材。虽然有些作品可能受版权限制不能直接使用，但可以从中获取设计灵感和参考。    - **Behance**：是一个展示和发现创意作品的平台，有很多设计师会上传网站设计项目，其中包含高质量的图片素材，能为网站建设提供新颖的设计思路。 4. **搜索引擎的图片库**：    - 例如百度图片、谷歌图片等，输入相关关键词可以搜索到大量的图片，但需要注意图片的版权问题，尽量选择来自正规网站或有明确授权信息的图片。对于谷歌图片，在国内使用可能需要借助一些技术手段。

网站关键词：网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司