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