前端笔记 CSS 3

字体

设置文本的字体

p.serif{font-family:"Times New Roman",Georgia,Serif}

 第一个字体无法使用，就依次使用后面的

设置文本的尺寸

h1 {font-size: 300%}

字体风格

p.normal {font-style:normal} italic oblique 

字体异体

p.small {font-variant: small-caps}

小写变大写，字体大小不变

字体粗细

p.thick {font-weight: bold}
p.thicker {font-weight: 900}

链接

点击打开链接

a:link {color:#FF0000;}		/* 未被访问的链接 */
a:visited {color:#00FF00;}	/* 已被访问的链接 */
a:hover {color:#FF00FF;}	/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}	/* 正在被点击的链接 */

 

创建链接框  点击打开链接

直接看例子

列表

无序列表不同类型标记  点击打开链接

<span style="font-size:18px;">ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}</span>

有序列表不同类型的标记 点击打开链接

<span style="font-size:18px;">ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}</span>

图像作为列表标记  点击打开链接

ul 
{
list-style-image: url('/i/eg_arrow.gif')
}