• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      軟件測試 學習之路 CSS (四)

      2019-7-15    seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

      一、文字樣式中階

      字體樣式
      代碼格式:
      font: 文字粗細 大小/行高 字體名稱;
      例子:font: bold 200px/400px "微軟雅黑";
      2.字體陰影
      代碼格式:
      text-shadow:x y r color;
      注:x是為負數則陰影向左,整數向右,同理y正數向上,負數向下,r代表陰影模糊程度,數值月大則越模糊,其單位都是px,color為文字顏色。
      例子:text-shadow: 10px 10px 0px red;
      提示:允許一段文字有多層陰影,多層之間用逗號隔開,每一層內,不同參數用空格隔開。

      凹凸字體 陰影巧用
      原理:通過背景顏色以及不同于背景顏色的陰影打造凹凸字體效果
      例子:
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <title>凹凸文字</title>
      <style type="text/css">
      body{
      background: #ccc;
      }
      div{
      color: #ccc;
      text-align: center;
      font: bold 200px/400px "微軟雅黑";
      /*text-shadow: 1px 1px 0px #fff;-1px -1px 0px #333;*/
      text-shadow: 1px 1px 0px #333,-1px -1px 0px #fff;
      }
      </style>
      </head>
      <body>
      <div >
      凹凸文字
      </div>
      </body>
      </html>

      二、過渡屬性

      過渡屬性的作用就是體現元素默認樣式與最終樣式變化的過程。
      代碼格式:transition:all 1s linear 0s;
      注:

      第一個參數的作用是設置元素的哪些屬性過渡,all表示全部過渡,width代表屬性寬度過渡,其他不過渡,其他屬性也一樣。
      的哥屬性設置過渡需要的時長,單位s不能省略。
      第三個屬性設置過渡延遲多少秒執行,單位s不能省略。
      hover 設置鼠標移到某一元素時狀態。
      transition 這個屬性既可以添加在元素默認狀態,也可以添加在鼠標上移狀態即添加在hover標簽內,區別就是第二種做法在鼠標離開時候不會發生過渡變化。
      例子:
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <title>過渡屬性</title>
      <style type="text/css">
      div{
      width: 200px;
      height: 200px;
      background-color: green;

      transition:all 1s linear 0s;
       
      }
      div:hover{
      width: 600px;
      background-color: yellow;
      }
      </style>
      </head>
      <body>
      <div id="\">

      </div>
      </body>
      </html>
      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、網站建設 、平面設計服務。

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 91资源在线| av资源免费看| 在线欧美精品二区三区| 黑人videos特大hd粗暴| 亚洲色A| 99在线精品国自产拍不卡| 亚洲欧美va天堂人熟伦| 亚洲精品乱码| 五月丁香六月| 中日韩三级片| 日韩Va亚洲va欧美Ⅴa久久| 欧美福利导航| 变态另类一区| 久色88| 中文字幕在线免费观看| 自拍伦理福利在线观看| 丰满熟女乱婬A片六区| 国产av大全| 国产91?在线播放九色潘多| 免费观看一区二区三区| 尹人成人| 日本高清一区| 免费无码观看的AV在线播放| 亚洲欧美一区二区三区蜜芽| 成人视频网站在线观看18| 国产精品性爱| 中文字幕日韩在线一区国内| 彰化市| 欧美日韩亚洲a| 国产黄在线观看| 伊人久久五月| 美日一区| 国产精品久久久影院色| www污| 久久综合之色之久久| 丽水市| 关岭| 日本一区二区三区中文字幕| 在线观看国产片国产片在线观看| 狠狠色综合一区二区| 男人天堂2024手机在线|