zoukankan      html  css  js  c++  java
  • 初步学习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解决方案:
      s
    tyle="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:继续!!只是自己初步的学习,有很多不足,希望体谅,给建议啦)

  • 相关阅读:
    Android 通过solid来定义不同边框的颜色,可以只定义一个边框的颜色
    Java里的简单替换
    ActionBar
    char、short、int、float、double对应字节
    Java和JDK版本的关系-(转载)
    JFlash ARM对stm32程序的读取和烧录-(转载)
    STM32的时钟系统RCC详细整理(转载)
    STM32F7系列时钟相关问题:HSE模式配置(旁路模式、非旁路模式
    git OpenSSL SSL_connect问题
    keil使用VScode外部编辑器
  • 原文地址:https://www.cnblogs.com/2oveyou/p/2393558.html
Copyright © 2011-2022 走看看