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 }

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。