list-style

一、常用css属性 (1) *block（区块） 行高 line-height:数值 | inherit | normal; 字间距 letter-spacing: 数值 | inherit | normal; 词间距 word-spacing: 数值 | inherit | normal; 空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: none; /*不显示，使用的场景非常多*/ block; /*把内联标签变成块级标签*/ inline; /*把块级标签变成内联标签*/ list-item; /*列表项*/ run-in; /*追加部分*/ compact; /*紧凑*/ marker; /*标记*/ table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption; /*表格标题*/ (2) *box（盒子） 宽度 width: 长度 | 百分比 | auto; 高度 height: 长度 |

符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写 罗马数字 */ list-style-type:upper-roman; /*大写 罗马数字 */ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position:outside; /*凸排*/ list-style-position:inside; /*缩进*/ CSS 背景样式： /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /* 背景图片 */ background-attachment : fixed; /*浮水印固定背景*/

　ul和li列表是使用CSS布局页面时常用的元素。在CSS中，有专门控制列表表现的属性，常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。 　　 一、list-style-type属性 　　list-style-type属性是用来定义li列表的项目符号的，即列表前面的修饰。list-style-type属性是一个可继承的属性。其语法结构如下：（列举一些常用的属性值） 　　list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman 　　list-style-type属性的属性值有很多，在这里我们只是列举了比较常用的几个。 none：不使用项目符号。 disc：实心圆。 circle：空心圆。 square：实心方块。 demical：阿拉伯数字。 lower-alpha：小写英文字母。 upper-alpha：大写英文字母。 lower-roman：小写罗马数字。 upper-roman：大写罗马数字。 　　使用list-style-type属性的示例代码如下： li{ list-style-type:square;} <ul> <li>这里是列表内容<

CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/ 鼠标光标样式： 链接手指 CURSOR: hand 十字体 cursor:crosshair 箭头朝下 cursor:s-resize 十字箭头 cursor:move 箭头朝右 cursor:move 加一问号 cursor:help 箭头朝左 cursor:w-resize 箭头朝上

CSS列表属性 属性 描述 list-style-属性 用于把所有用于列表的属性设置于一个声明中。 list-style-image 将图象设置为列表项标志。 list-style-position 设置列表中列表项标志的位置。 list-style-type　　 设置列表项标志的类型　　　　 list-style:type image position; 列表项的简写方式 1.list-style-属性 可以按顺序设置如下属性： list-style-type list-style-image list-style-position ul{ list-style-type:none; list-style-image:url("图片路径"); list-style-position:inside; } 2.list-style-type：设置列表项标志的类型（默认标记是实心圆） 这里的标志类型比较多，我只将常用的通过列表展示出来，none使用最多。如需更多了解： http://www.w3school.com.cn/cssref/pr_list-style-type.asp CSS列表项标志 none 无标记 disc 默认，标记是实心圆 circle 标记是空心圆 square 标记是实心方块 decimal 标记是数字 ul{ list-style-type:none;

2017年9月25日 学习笔记与总结 1.div内图片的属性与调整（雪碧图） background-image 背景图片（优先显示） background-repeat: no-repeat 图片复制 no-repeat：不复制 background-size: contain background-size: cover 图片大小 contain：在保证图片缩放比例的前提下， 以最先达到容器宽或高的比例进行显示 有可能出现图片填充不满的情况 cover： 在保证图片缩放比例的前提下， 以最后达到容器款或高的比例进行显示 有可能出现图片溢出的情况 background-size: 100% 100% background-position: 20px 20px background-position: right bottom 图片偏移量 （1：x轴方向的偏移 2：y轴方向的偏移 3：缺省值为center） 2.div内列表的部分属性 list-style: disc;/*实心圆*/ list-style: circle;/*空心圆*/ list-style: decimal;/*数字*/ list-style: none;/*无样式*/ 列表可以组合 float：left 达到横排排列的效果 3.hover伪类 用于鼠标不同状态放置或点击时出现的形态 #container li

字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 font-variant: small-caps;(小型大写字母) normal;(正常) 大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体： (font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性： (background) 色彩background-color:

css中路径一般都是用url（）来引用 一般class的命名如果需要尽量用下划线 id的命名用中划线 表单： list-style-position: inside / outside list-style-type: disc/circle/square 背景 background-attachment: fixed （背景固定） clear both 应该放在不想被浮动所影响的元素上。 padding，border区域支持盒子的背景色。 垂直方向的两个相邻margin会合并成高的那个margin的高度。 去边框的方法：border 0 清掉input的边缘 outline： none 图文混排：用dl dt dd。 写完padding记得要给盒子宽高做减法。 .box *｛｝//指的是box里面的所有元素 padding的数值不能为负数。 来源： https://www.cnblogs.com/wangbingblog/p/11359896.html

<style> .ul1 { list-style-type: circle } .ul2{ list-style-type:square; } .ol1{ list-style-type:upper-roman; } .ol2{ list-style-type:none; } .ol3{ list-style-image:url('bg.jpg'); } </style> </head> <body> <ul> <li>ul列表默认是实心圆</li> <li>ul列表默认是实心圆</li> </ul> <ul class="ul1"> <li>列表空心圆用list-style-type:circle;</li> <li>列表空心圆用list-sytle-type；circle;</li> </ul> <ul class="ul2"> <li>列表方块用list-style-type:square;</li> <li>列表方块用list-style-type:square;</li> </ul> <ol> <li>ol列表默认是数字</li> <li>ol列表默认是数字</li> </ol> <ol class="ol1"> <li>ol列表大写罗马数字用list-style-type:upper-roman;</li> <li>ol列表小写罗马数字用list-style-type

1.颜色属性 color属性定义文本的颜色，有4种格式： （1）color:green （2）color:#ff6600　　简写式：color:#f60 （3）color:rgb(255,255,255) 　　红（R），绿（G），蓝（B）每个取值范围都是0~255 （4）color:rgba(255,255,255,1) 　　RGBA是代表Red、Green、Blue和Alpha（色彩空间）透明度 代码示例： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS常见属性</title> 6 <style type="text/css"> 7 /* 8 p{color:red} 9 10 11 p{color:#177199} 12 p{color:#ff(红) 66(绿) 00(蓝)} 13 p{color:#f(红) 6(绿) 0(蓝)} 14 p{color:#f60} 15 16 17 p{color:rgb红(r),绿(g),蓝(b)} 0-255的取值范围 18 p{color:rgb(255,0,0)} 红色 19 p{color:rgb(0,255,0)} 蓝色 20 p{color:rgb(0,0,255)} 绿色 21 22 23 */ 24 .ha{color:rgb