初学css list-style属性

网上很多css布局中会看到这样的一句:list-style：none；

那么list-style到底什么意思？中文即：列表样式：无；

其实它是一个简写属性，包含了所有列表属性，具体包含list-style-type、list-style-position、list-style-image

list-style-type：设置列表项标记的类型。我们使用ul->li或是ol->li(有序无序)结构时，有小圆点就是这一属性控制。值有【none,disc(默认标记实心圆)，square，decimal...】

list-style-position:设置在何处放置列表项标记.即标记相对于列表项内容的位置。值有【inside、outside（默认，文本左侧）、inherit（从父元素继承list-style-position的值）】

list-style-image ：设置使用自定义图像来替换列表项的标记。值有【URL，none（默认），inherit】

综观：list-style：none；

等价于==>>{

　　　　　　list-style-type：none；

　　　　　　list-style-position:：none；

　　　　　　list-style-image ：none；　　

}

所以：{ list-style:目录样式类型|目录样式位置|url }

可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。

转载于:https://www.cnblogs.com/hfeng007/p/9099062.html

初学css list-style属性相关推荐

css 修改文字基准线_HTML4/HTML5 用CSS或style属性修改 hr 实线虚线点线双实线样式 ... ......
HTML4/HTML5 用CSS或style属性修改实线虚线点线双实线样式 HTML 是 Hyper Text Markup Language 的英文缩写,中文称为超文本标记语言.HTML 是 ...
CSS设置style属性的3种方法
CSS:层叠样式表可以将css样式编写到元素的style属性当中: 1.将样式直接写到style属性中,这种样式我们称为内联样式,内联样式只对当前的元素中的内容起作用,内联样式不方便复用,不推荐使用 ...
1.1 css style 样式定义：行内 style 属性、单页＜style＞标签、多页＜style＞标签
1.1 style 样式定义:行内 style 属性.单页 <style> 标签.多页 <style> 标签文章目录 1.1 style 样式定义:行内 style 属性.单 ...
CSS style属性大全
CSS style属性大全 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 --------------------------- ...
jquery设置css样式、style属性示例（超强解析）
jQuery 一.CSS 1.css(name) 2.css(properties) 3.css(name,value) 二.位置 1.offset() 2.position() 3.scrollTo ...
任何的html标记都拥有style属性,【判断题】在CSS中,任何的HTML标记都拥有style属性。...
[判断题]在CSS中,任何的HTML标记都拥有style属性. 更多相关问题明代以后,皇帝身边的内朝官的名称是(). 明代前期,官方比较推崇哪一画派?(). 明代家具的风格特点概括起来有( ). 明 ...
html样式 css一些常用属性与style内部样式表
html样式 style="color:red ;" style属性的书写称为行内样式也叫内联样式只负责当前标签的外观 <span style="color:r ...
html+jquery+添加样式,jquery设置css样式、style属性示范
jquery设置css样式.style属性示例 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery ...
JavaScript CSS Style属性对照表
为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性. 比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样: 代码 <script type=&quo ...
自动清除html无用css,TinyMCE粘贴HTML代码，避免style属性被自动清除_html/css_WEB-ITnose...
TinyMCE在粘贴含有style属性的HTML代码时,会自动清除style属性,设置 extended_valid_elements 也只能在Firefox浏览器起作用,Chrome无效. exte ...

初学css list-style属性

初学css list-style属性相关推荐

最新文章

热门文章