① CSS網頁下拉列表大小怎麼調整
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
② 如何處理CSS3屬性前綴
使用過CSS3屬性的同學都知道,CSS3屬性都需要帶各瀏覽器的前綴,甚至到現在,依然還有很多屬性需要帶前綴。這是為什麼呢?
我的理解是,瀏覽器廠商以前就一直在實施CSS3,但它還未成為真正的標准。為此,當一些CSS3樣式語法還存在波動時,它們提供針對流星器的前綴。現在主要流行的瀏覽器內核主要有:
Trident內核:主要代表為IE瀏覽器
Gecko內核:主要代表為Firefox
Presto內核:主要代表為Opera
Webkit內核:產要代表為Chrome和Safari
而這些不同內核的瀏覽器,CSS3屬性(部分需要添加前綴的屬性)對應需要添加不同的前綴,也將其稱之為瀏覽器的私有前綴,添加上私有前綴之後的CSS3屬性可以說是對應瀏覽器的私有屬性:
Trident內核:前綴為-ms
Gecko內核:前綴為-moz
Presto內核:前綴為-o
Webkit內核:前綴為-webkit
來看一個簡單的示例,早期寫一個圓角border-radius,需要這樣寫:
.box{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
這樣編寫代碼,無形之中給前端人員增加了不少工作量,於是開始有人在討論這個問題「如何在編寫CSS時不需要添加瀏覽器的私有前綴,又能讓瀏覽器識別?」
-prefix-free
.box{
border-radius:5px;
}
各主流瀏覽器就能正常的解析。造成這個原因的時,Compass中的CSS3的mixin沒有跟上步子去更新定義好的mixins
③ css3 animation初始動畫卡頓是怎麼回事
如果animation修改的是一些常見屬性width,height等等的話,建議修改成transform,scale等等css3的屬性,因為食用菌搞這些css3的屬性會制動開啟GPU加速,是可以提高動畫的流暢度的,也有可能是在頁面剛開始載入的時候並沒有載入完全就執行了動畫,那就可以讓動畫延遲執行,其他情況還沒想到。
④ 如何讓網站打開速度快
一、將網頁中的JS代碼進行壓縮處理
網站JS代碼是指通過一種技術把網站中使用的JS文件變的更小,從而減少網站載入JS所需時間。JS壓縮可分為JS混淆壓縮、JS常規壓縮、JS加密壓縮三種方法。每個方法所產生的文件源代碼有所不同,所佔用的空間大小也有所不同。
①、JS混淆壓縮
JS混淆壓縮可以將JS文件中的字元串、轉義字元、變數、對象、標識符等通過最簡單的方法混淆排版,達到最短JS的效果。(我們在平時書寫JS的習慣中,容易不注重JS格式,會多寫很多無用的JS代碼,JS混淆壓縮技術可以將這些多餘的代碼自動刪除,並排版,達到最小目的)。
②、JS常規壓縮
JS常規壓縮,非常簡單的就是把JS中的空格和換行符好去除,從而達到壓縮的目的。常規壓縮適合在不改變JS源程序結構的前提下使用,適用於需要進行二次開發的網站使用。
③、JS加密壓縮
JS加密壓縮是指通過加密密鑰把網站中的JS進行加密,JS中的字母都可改編成二進制的數字去表示,這樣可以減少電腦的二次的解密,增加JS訪問速度。此方法適合網站源程序要求比較機密的網站使用,但是需要注意的是,加密後的JS文件是無法再解密回來的,在使用此方法之前一定要對文件進行備份。
我們在實際的應用中,可以更具自己的網站的需要來選擇具體採用哪種方法對自己網站中的JS進行壓縮。
二、對網站中的CSS文件進行壓縮處理
網站CSS壓縮如同前面所說的JS常規壓縮一樣,是指把CSS中的空格以及換行符去除,從而達到CSS的壓縮目的,我們在訪問很多的網站的時候都會看到一些網站使用了CSS壓縮技術,此方法會對網站後期改版有所影響,因為加密後的CSS沒有可讀性,根本無法通過具體的CSS樣式去方便的找到,建議大家進行CSS壓縮之前還是備份一下的好,這樣可以減少後期的麻煩。
三、網站中的圖片全部使用gif格式圖片
gif格式是專門為網站建設所設置的圖片格式,它可以在保證同樣的圖片不失真的情況下,讓圖片變得更小,加快圖片打開速度。據測試,同樣一張圖片,一個為JPG格式1M大小的圖片,轉換成GIF之後會減小到200K左右,也就是圖片的大小減少了80%左右,這樣可以有效的減少網頁因載入圖片造成網站打開緩慢的原因。
四、網站前台源代碼採用Gzip壓縮技術
Gzip壓縮可以將網站中的前台源代碼html文件壓縮成更小的格式,讓瀏覽器載入HTML的文件時間縮短,從而達到提高網站打開速度的效果。網站 Gzip壓縮需要網站空間的支持,現在很多的虛擬空間是不支持Gzip壓縮的,因為Gzip在壓縮的時候需要在網站空間的硬碟上面建立一個防止緩存的文件夾,這個文件夾必須具有讀寫的許可權,而使用虛擬空間的用戶根本沒有許可權去操作空間的硬碟,如果你想使自己的網站採用Gzip壓縮技術,那麼必須要在選擇網站空間之前就咨詢好是否支持這個功能,或者直接購買VPS或虛擬主機。
五、網站中的JS文件和CSS文件都要通過外部引用來調用,並對JS文件和CSS文件進行合並
通過外部引用網站中的JS文件和CSS文件可以減少網站前台代碼所佔的空間,本來幾百行的JS文件或者CSS文件,通過外部引用只需一行就能達到一樣的效果,這樣對網站的打開速度是有很大幫助的。如果網站中存在多個JS文件和CSS文件可以把不同的JS文件綜合成一個JS文件,不同的CSS文件綜合成一個CSS文件,這樣可以減少瀏覽器解析JS和CSS的次數,增加網站打開速度。
六、網站中JS文件需要放到網站的最後面
站在網站優化的角度上來說,搜索引擎蜘蛛是無法抓去網頁中JS文件的,如果你把JS文件防止到網站的頭部,那麼當搜索引擎蜘蛛前來爬行網站的時候,會爬行到很多無用的英文代碼,如果代碼很長勢必會對網站造成一定的影響,如果你看了我們寫過的網路搜索引擎蜘蛛的爬行規則之後,你就會明白,網站的頭部部分相對整個網頁來說是權重最高的,所以我們頭部這里盡量保證全部都是重要的信息,而不是一大堆的JS文件和CSS文件。
影響網站打開速度的原因有很多,我們不可能保證任何一個瀏覽我們網站的用戶都可以在零點幾秒之內就能打開,但是我們可以保證99%的用戶可以在零點幾秒之內就可以打開我們的網站,為了這99%的用戶,我們就需要對網站的任何一個細節都要做到完美,包括網站前台代碼,網站CSS樣式表,網站動態效果 JS文件等,都需要做到最小化,最佳化。只有這樣才能讓那99%的用戶對我們的網站信賴,讓我們的網站更加完美
⑤ 如何設置CSS,JS,圖片緩存
在Apache環境下,可以通過在.htaccess文件中添加下面的代碼,設置圖片的HTTP緩存和有效期(需要開啟apache的headers模塊支持): # Image and Flash content Caching for ONE Year blog.gimhoy.com Header set Cache-Control "
⑥ 如何提高頁面響應速度
1: 縮小Javascript和CSS文件
如果你的網站大約有50-60%的用戶是第一次訪客,那麼這些人會下載Javascript和CSS,如果這些文件很大瀏覽器會下載很長時間。
使用壓縮工具可以減少Javascript和CSS盡一半的文件大小,如果你有信心使用「命令行」我強烈推薦使用雅虎的YUI壓縮,至少能提高40%到60%的壓縮率,如果你是在不懂可以用站長之家的CSS\JS壓縮工具。
2:減少HTTP請求
瀏覽器會花費80%的時間獲取外部元件,包括腳本、樣式表、圖像等,只有20%的時間用來載入內容,每個網站都會有許多HTTP請求,由於只有2個HTTP請求可以在同一時間傳送,所以請求一旦過多就會造成延遲。
通過Yslow可以看出我博客的HTTP請求數,可以看到JS、CSS和CSS引用的圖片文件過多,導致HTTP請求過多。
3:緩存圖片、CSS和Javascript
每當一個新用戶訪問你的網站,圖片、CSS和Javascript應該在其瀏覽器緩存,這樣他們下一次訪問就特別快。
絕大多數windows主機已經默認啟用了,只需要在控制面板中設定過期時間和文件類型那個就可以了,我建議圖片、CSS和Javascript時間可設置為一個月。而對於Apache Web伺服器,使用mod_cache模塊開啟緩存。:
4:合並CSS引用圖片
如圖一所示,很多網站的圖片都是切成小塊的,這樣下來就會有大量CSS引用圖片,如盧鬆鬆博客的CSS就引用了14張圖片,cssimages也是影響網站速度的一種重要因素。
如果我們把CSS圖片合並成一個,14個HTTP請求變成1個,想想會是什麼效果?它的原理就是通過CSS坐標的方式取得圖片徑路,每個CSS標簽引用不同坐標就會得到不同圖片。我們看到很多網站的CSS圖片只有一張,用的就是這個原理。
不懂也沒有關系,CSS圖片合並生成器這個網站能幫助你合並CSS圖片,並且能得到相應代碼。
5:只載入<head>部分的基本腳本
這個最簡單,不花時間,點擊自己網站右鍵「查看源文件」找到<head>與</head>之間的區域,看看那些不重要好的JS文件,把它仍到頁面底部,也就是讓它最後載入。或者直接刪除。
例如盧鬆鬆博客引用的jiathis(社會化分享按鈕)和util.js(回頂部、寫評論快捷標簽),讓它最後載入,這樣能提升內容打開速度,而且它們也不太重要。
6:對圖像進行壓縮
除非你載入視頻,那麼影響網站速度罪魁禍首應該就是圖片了,如果是jpeg、png圖片,保證不失品質的前提下,讓他們盡量壓縮,Fireworks軟體「導出向導」功能,它提供了一個很好的方式來預覽保存的圖像,讓圖片大小與質量之間平衡,大多數其他圖像編輯軟體都有類似的功能。
例如我的每篇博文配圖都用了「導出向導」功能,我盡量把圖片都壓縮在30K以內,在一定程度上加快了瀏覽速度,但也有部分圖片失真,看不清楚。
7:開啟gzip模塊
gzip壓縮是非常流行的一種數據壓縮格式,一般網站啟用gzip後,壓縮率都會有70%-80%的提升,效果是立竿見影的。
部分虛擬主機默認有gzip功能,但大部分沒有,獨立主機、VPS一般可以設置,開啟gzip會加重伺服器負擔,而且要修改伺服器配置,強烈建議大家開啟gzip,如果不清楚可以問問所在空間商,讓他們幫忙開啟。
相關閱讀:
影響網站打開速度的9大因素
測試網站訪問速度的5個方法
小技巧給網頁減肥,讓網站提速
巴士文章列表插件會拖慢Z-blog速度
精簡ZBlog模版代碼,提高頁面打開速度
流量統計是否影響網站速度
Firebug和Yslow是個好工具
去掉了博客Gravatar頭像
啟用lazyload插件,減少圖片載入
Yslow的使用方法
JS代碼優化技巧之通俗版
⑦ CSS怎麼才能開啟無敵模式
沒有錯誤才是無敵的,你啥都不寫吧
⑧ css 菜單是哪個鍵
CSS里沒有設置.你可以去查一下CSS的命令
查看文章
CS起源-控制台命令大全2009年01月10日 星期六 12:36按下「~」即可開啟
應用時先輸入參數名
然後按下SPACE空出一格
再輸入設定值即可
通常玩家進去游戲都只能用到Client(玩家用參數)
不過...如果你是開LAN GAME的人
就能進階到Server專用指令下表內指令後的參數大多是默認值
大多數指令之參數0代表關閉此功能
地圖名單存放在cstrikemapcycle.txt,不能夠加擴展名.bsp
============================================================
Server專用
banid 幾分鍾 #編號 kick.......踢人Wonid讓他換名字後也進不來,除非他換計算機,時間0=永遠
deathmatch 1..................開dm模式,一個人一組,把其它人解決掉
decalfrequency 30.............玩家的logo多久可噴一次(秒)
kick #編號....................踢人(server專用,踢編號需加#,踢名字不用,但大小寫要一樣)
mapcyclefile mapcycle.txt.....選了地圖切換的設定檔,內定為mapcycle.txt,可准備好幾份設定檔
mp_autokick 1.................睡死和TK三次後自動auto被系統踢掉
mp_autoteambalance 1..........自動auto隊伍平衡,0為准許雙方人數不平均和Bot玩時的好參數!
mp_buytime 1.5................以分鍾計,即90秒內均可回基地買東西
mp_c4timer 45.................設定C4炸彈的爆炸時間。最低15秒,最高90秒
mp_chasecam 0.................設定觀察員模式的玩家只能跟在別人的屁股
mp_consistency 1..............限制某些模型被更改,大的C4或大的別人的武將容易讓人發現...
mp_decals 250.................貼圖解析度,降低可減少lag
mp_fadetoblack 1..............這樣死後畫面變黑 活人能夠看擁有屍體
mp_falldamage 1...............會不會摔傷
mp_flashlight 1...............開啟/關閉可否應用手電筒。1是開啟,0是關閉
mp_footsteps 1................開啟/關閉腳步聲。1是開啟,0是關閉
mp_forcechasecam 0............死掉的人:0自由模式、1隻能跟著自己隊友走動、2屍體視線留在原地
mp_forcerespawn 0.............死後立即重新出發
mp_freezetime x...............每一場開始前的購物靜止秒數
mp_friendly_genrade_damage 0..............設定同隊的是否能夠手榴彈丟傷隊友
mp_friendlyfire 0.............設定會不會殺傷隊友。1是會,0是關閉
mp_ghostfrequency 0.1.........鬼魂每秒鍾更新的頻率,越高越不會Lag
mp_hostagepenalty 13..........殺了多少人質或隊友後會被踢
mp_limitteams 2...............隊伍最大相差人數,太多人便不能再加入
(如mp_autoteambalance 1則相差到此人數server便會自動auto平衡)
mp_logfile 1..................開不開紀錄文件(那要怎幺存檔???)
mp_logmessages 0..............控制是否把游戲進行間玩家的對話也記錄到log文件中,
此項設定必需同時設定"log on""mp_logfile 1"才可生效
mp_lowlag 0...................子彈打在牆上的效果,速度快用0,慢用1
mp_mapvoteratio 0.6...........票選地圖的人數達60%以上才會換地圖,0.0-1.0
mp_roundtime 5................設定每回和的時間。(只能3~15分鍾)
mp_tkpunish 1.................TK者下回和會自殺
mp_weaponstay 0...............保留落下的武將
nightvision 1.................夜試鏡能否應用
pauseble 0....................能夠戰斗中按暫停(Pause鍵,在F12鍵的右方第三顆)
status........................列出玩家IP編號等
sv_accelerate 5.0.............加速
sv_aim 0......................自動auto瞄準頭部
sv_airaccelerate 10...........空中移動的速度
sv_airmove 1..................可否在空中移動
⑨ 如何在移動端利用css開啟渲染的硬體加速優化
所謂GPU,就是圖形處理器的縮寫,相當於PC中的顯卡,相信大多數朋友都應該知道這一點,而從PC的情況來看,顯卡的性能是可以決定游戲運行的流暢度以及運行品質的,這樣的道理放在手機中也是一樣的。
手機中的GPU也是為了對圖形、圖像處理而存在的,所謂強制渲染,就是hwa(hard ware acceleration硬體加速)的一種,其存在的意義就是為了分擔CPU的負擔,其原理是通過GPU對軟體圖形圖像的處理來減輕CPU的負擔,從而使應用軟體能夠以更快的速度被處理,以達到提速的目的。對於普通的玩家來說,強制GPU渲染是一把雙刃劍,有利有弊。
雖然強制GPU渲染能夠實現應用軟體的提速,不過長期的開啟強制GPU渲染會造成手機長期處於超負荷的狀態,對電池的續航以及手機的使用壽命都會有不利的影響,往小了說就是大幅降低待機時間,使手機發熱,往大了說,就是會讓電池快速報廢。
而除影響續航外,強制GPU還有一個致命的弊端,那就是有一些較老的軟體在強制GPU渲染下是無法正常運行的,會經常性的出現FC的情況,主要原因是過去程序的SDK版本多數不支持GPU加速,或者默認不開啟GPU渲染,所以當你開啟強制GPU渲染的時候就會出現問題。
所以還是不建議大家長時間開啟「強制GPU渲染」選項,畢竟整體來看,就目前來說,這個功能依然是弊大於利。如果覺得某款軟體運行起來比較吃力,可以嘗試開啟這一選項,關閉軟體後也要記得及時關閉。