css基础-font&link&list属性

 1 /*字体
 2 字体系列：font-family
 3 字体样式：font-style：normal（默认）Italic（斜体）oblique（倾斜的字体）
 4 字体大小：font-size
 5 字体的粗细 font-weight：normal（默认）bold 定义大小数字
 6 
 7 
 8 用em来设置字体大小，em的尺寸单位由W3C建议
 9 1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
10 
11 */
12 p{
13     font-family:"Times New Roman", Times, serif;
14     font-style: inherit;
15     font-size:14px;
16     font-weight: bold;
17 }
18 /*连接
19     a:link - 正常，未访问过的链接
20     a:visited - 用户已访问过的链接
21     a:hover - 当用户鼠标放在链接上时
22     a:active - 链接被点击的那一刻
23 */
24 a:link{
25     color: red;
26     
27 }
28 a:visited{
29     color:blue;
30     text-decoration: underline;
31 }
32 a:hover{
33     color:green;
34 }
35 a:active{
36     color:orange;
37 }
38 /*Note:当设置为若干链路状态的样式，也有一些顺序规则：
39 
40     a:hover 必须跟在 a:link 和 a:visited后面
41     a:active 必须跟在 a:hover后面
42 */
43 
44 
45 /*列表
46 list-style     简写属性。用于把所有用于列表的属性设置于一个声明中
47 list-style-image     将图象设置为列表项标志。
48     
49 
50 list-style-position     设置列表中列表项标志的位置。
51     inside         列表项目标记放置在文本以内，且环绕文本根据标记对齐。
52     outside     默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。
53 
54 list-style-type     设置列表项标志的类型。
55 */
56 
57 ul{
58     list-style-type:none;
59     list-style-position: inside;
60     padding:0px;
61     margin:0px;
62 
63 }
64 ul li{
65     background-image:url(sqpurple.gif);
66     background-repeat:no-repeat;
67     background-position:0px 5px; 
68     padding-left:14px;
69 }

 

转载于:https://www.cnblogs.com/Terminaling/p/4067532.html