首页 > 代码库 > css基础-font&link&list属性

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 }

 

css基础-font&link&list属性