初学css(02)

CSS 字体属性

在这里插入图片描述
1em 等于当前的字体尺寸。
使用 font-family 属性 定义文本的字体系列。

  • 这样的规则同时会产生另外一个问题,如果用户代理上没有安装 Georgia 字体,就只能使用用户代理的默认字体来显示 h1 元素。
    我们可以通过结合特定字体名和通用字体系列来解决这个问题:
    h1 {font-family: Georgia, serif;}

设置链接的样式

能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等)。

链接的特殊性在于能够根据它们所处的状态来设置它们的样式。

链接的四种状态:

a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
(编写的属性会按顺序继承)
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后

css列表

CSS2.1 可以确定标志出现在列表项内容之外还是内容内部。这是利用 list-style-position 完成的。
有时,常规的标志是不够的。你可能想对各标志使用一个图像,这可以利用 list-style-image 属性做到:
ul li {list-style-image : url(xxx.gif)}

CSS 表格

table, th, td
{
border: 1px solid blue;
}
请注意,上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。
border-collapse 属性设置是否将表格边框折叠为单一边框:
在这里插入图片描述

CSS 轮廓

在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章