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
轉移字符:空格的轉移字符: ;
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的區別:
前者的內容也跟着透明,然後者的內容不跟透明;內容包含圖片和文字;