初步学习css 从css手册看起———Font

 

 

　　其实学css还是有两个星期了吧，但是自己在上班，虽说这段时间不是很忙，加上自己还是实习，所以呢还是有空余大把时间来学习的。

　　这两个星期学习css，开始的时候感觉无从下手，不知道从哪里摸索。上网下载学习资料，网上视频，一些css案例。可是毕竟自己还是个初学者，对于网上整理看看翻翻时，觉得很多都不是初学者适合学习的，所以有些时间都被浪费掉了。所以说呢，学习还是要找对门路，找对方法。

　　在网上无意中下载了css手册，里面每个css里面的属性都写的很详细。虽说断断续续学了2个星期，但是很多基本概念还是不懂，在案例资料上看到一些不懂的，都去百度搜，感觉很是恼火。所以呢，自己还是踏踏实实的从基层学起！

　　自己还是一边学一边写下笔记吧！加深印象，介个难免回忘记的~

 

CSS Properties Reference （样式表属性）

 

font(字体)：

 font基本的语法： font-style：字体样式　　font-variant:把小写的字母变成大写的字母　　font-weight：字体的粗细

　　　　　　　　　font-size：字体的大小　　line-height：字体的行高　　font-family：字体样式是宋体还是黑体等等

　　　　　　　　  letter-spacing ：两个字的间距　　text-decoration：文本的装饰。　　text-transform：设置字体的大小写

　　　　　　　  　text-underline-position :设置字体的上下划线　　font-shadow:设置字体的阴影及模糊效果

　　　　　　　　　word-spacing：单词之间插入的空格数

<!---------------------------------------------------在学习中遇到的问题-------------------------------------------------------------------------->

　　在属性font-weight中：bolder说是特粗体...可是介个... 我是在没看出来呀。看起跟bold效果都差不多呀。在设设值的时候，在0-599是感觉都是一样的，在值设置到600的时候字体都加粗了。然后600到以后不管多大都是一样的粗。为嘛捏？？结果在网上查才知道，由于系统作了最相近的匹配，因此看不出有font-weight什么不同。font-weight值达到400就属于normal 正常字体了，而达到700时就是粗体了。但是为什么在600还是粗体呢 ？而在900时就是最大限量了。

　　在属性font-shadow：设置字体阴影的效果时， style=" font-size:14px; text-shadow:0 0 5px #FF0000;" 发现这个效果在IE中根本不能显示出来，在opera 火狐可以显示出来...所以所真的很烦IE~不懂得就百度一下咯。IE解决方案：
　　style="color:#fffff;filter: DropShadow(Color=#ff0000, OffX=5, OffY=5, Positive=yes);"
　　（Offx和Offy分别是x方向和y方向阴影的偏移量,Positive是一个布尔值，如果为yes（非0），那么就可看见影子啦~） 咦，通过滤镜的方法创建字体的影子o(╯□╰)o
效果图： opera firefox：    IE    不过看起还是木得火狐的好看！刚刚提到滤镜，DropShadow这只是其中一种而已

 

 

这个是昨天写的，保存在草稿箱的~

(ps:继续！！只是自己初步的学习，有很多不足，希望体谅，给建议啦)