css探密学习（二）

目录

body

• color
• font-family

abbr[title],acronym[title]

• border-bottom
• cursor

h1, h2, h3

• font-weight
• font-size

定义：颜色#804000为截取代码，颜色#008000为个人解释，颜色#0000ff为新待解释代码

RF3

body {
background:#BEC3C6 url(http://images.cnblogs.com/cnblogs_com/5yplan/164890/o_bg.jpg) repeat-x scroll 0 0;
color:#555555;
/*font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;*/
font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体",STHeiti,Georgia, "Times New Roman", Times, serif;
font-family:STHeiti,Georgia, "Times New Roman", Times, serif;
font-size:13px;
}

发现过程：body本身是指定文档主体的开始和结束，然后调整了font-size为23px效果明显从而证实了

body：规定博客主体情况的属性

color
检索或设置对象的文本颜色。无默认值。
可能的使用方式：
div {color: #345456; }(十六进制颜色码)
div { color: rgb(100,14,200); }(RGB模式代码)
div {color: menu; }(很遗憾自己不知道)
div {color: red; }(直接用颜色英文名，貌似不被一些浏览器接受)
对于currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
color:#555555;在我的博客里体现的就是“留言簿”“随笔分类”相册“”最新评论“还有文章里没有定义颜色的文字

font-family
定义使用什么字体
用法——front-family:”“，”“;冒号内写入字体名称，系统将从前到后检测是否存在再使用
默认值根据用户计算机默认字体
对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

RF.4

abbr[title], acronym[title] {border-bottom:thin dotted;cursor:pointer;}

发现过程：从上个属性起其实都是开始从头往下探索了，从属性字面开始查询属性作用再分析对象。

abbr[title],acronym[title]:这两个是啥对象，暂时没摸清楚作用……

border-bottom
属性在一个声明中，为下边框设置所有的属性
border-bottom :
border-width （value：thin|medium|thick|length）|| border-stye（value:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset）|| border-color (value:color-name|color-rgb|color-hex|transparent)
下边框属性：
边框宽度(值：细；中等；粗；长度值)||边框样式（值：无；隐藏；点线；虚线；实线；双线；槽线；脊线；内嵌效果；突起效果）|| 边框颜色（值：颜色英文名；颜色RGB值；颜色hex值;透明）
默认值为： medium none 。 border-color 的默认值将采用文本颜色。
这里即为细 点线 透明

cursor
在对象上鼠标移动时指针采用的光标形状
可能的取值：
auto : 默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll : IE6.0 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize : IE6.0 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair : 简单的十字线光标。
default : 客户端平台的默认光标。通常是一个箭头。
hand : 竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move : 十字箭头光标。用于标示对象可被移动。
help : 带有问号标记的箭头。用于标示有帮助信息存在。
no-drop : IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed : IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer : IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress : IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize : IE6.0 有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text : 用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text : IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait : 用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize : 用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) : IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。
这个些值可以为多个，用逗号分隔，系统将依次理解，到找到能理解的为之，全都不理解则不改变。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
(源是pointer为了研究这个对象的作用我改为了all-scroll)

h1, h2, h3, h4, h5, h6 {font-weight:600;font-size:16px;}

h1,h2,h3应该是博客内容中的h1…的标签属性

font-weight
设置文本的粗细
可能的值：
normal : 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold : 粗体。相当于 700 。也相当于 b 对象的作用
bolder : 比 normal >粗
lighter : 比 normal >细
100 : 字体至少像 200 那样细
200 : 字体至少像 100 那样粗，像 300 那样细
300 : 字体至少像 200 那样粗，像 400 那样细
400 : 相当于 normal
500 : 字体至少像 400 那样粗，像 600 那样细
600 : 字体至少像 500 那样粗，像 700 那样细
700 : 相当于 bold
800 : 字体至少像 700 那样粗，像 900 那样细
900 : 字体至少像 800 那样粗
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。(怪不得我怎么调都是粗细两种感觉)

font-size
对象中的字体尺寸
可能值：
xx-small:绝对字体尺寸。根据对象字体进行调整。最小
x-small:绝对字体尺寸。根据对象字体进行调整。较小
small:绝对字体尺寸。根据对象字体进行调整。小
medium:默认值。绝对字体尺寸。根据对象字体进行调整。正常
large:绝对字体尺寸。根据对象字体进行调整。大
x-large:绝对字体尺寸。根据对象字体进行调整。较大
xx-large:绝对字体尺寸。根据对象字体进行调整。最大
larger:相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的em单位计算
smaller:相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的em单位计算
length:百分数|由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅长度单位
(调了下没感觉。。。)

转载于:https://www.cnblogs.com/tongxi/archive/2009/05/21/1485977.html