雪碧圖(background-position)、overflow、title中的小圖標、光標、rgb 和opacity 與rgba

1、background-position     雪碧圖javascript

  咱們的html和css中有三個屬性能夠向服務器發送請求:src   url    hrefcss

  一、咱們爲何使用雪碧圖?html

    由於咱們使用雪碧圖以後,原本須要屢次請求的圖片,咱們一次就請求過來了java

2、overflow瀏覽器

  一、值hidden:超出就隱藏服務器

  二、值scrol:出現滾動條url

    visibility:hidden;可見的(消失可是佔用位置)spa

    display:none;消失但不佔用位置指針

3、title中的小圖標htm

  一、如何實現瀏覽器title中的小圖標?

    咱們須要借鑑link標籤

  二、link標籤的屬性有哪些?

    rel     type     href

    rel:是當前頁面和url之間的關係  rel=「stylesheet」

    type:是資源文件的mime類型

    <link  rel  ="shortcut   icon"   href="favicon.ico"/>

    title中的小圖標就出來了,href中不能寫./

    *注:mine類型:客戶端與服務端之間的暗號,根據擴展名而定

      .html文件的mime類型是text/html

      圖片的mine類型是image/jpg(png/gif)

      css的mime類型是text/css

      js的mime類型是text/javascript

     轉移字符:空格的轉移字符:&nbsp;

4、光標的形狀

  cursor光標屬性值有pointer(抓手)、wait(等待)、help(問號)、默認的是指針

5、rgb 、opacity與rgba

  一、rgb():顏色的表示方法值是0—255,如background:(12,15,16);

     opacity():表示透明度   值是0—1;

        rgba():r 是red  的值0—255,g 是green 的值0—255,b是blue 的值0—255,a是opacity 的值是0—1,可是IE底版本不支持;

  *注:解決透明度在IE底版本的兼容性,加入一個   filter:alpha(opacity=「50」)

  二、rgb 和opacity 與rgba的區別:
    前者的內容也跟着透明,然後者的內容不跟透明;內容包含圖片和文字;

相關文章
相關標籤/搜索