1. 選擇合適的鼠標(biāo)光標(biāo) 在有一些觸摸屏上我們可能需要隱藏鼠標(biāo)的光標(biāo),比如說(shuō)播放器的屏幕上,這種情形下隱藏鼠標(biāo)光標(biāo)能帶來(lái)性能方面的提升。 使用cursor: none;可以達(dá)到隱藏鼠標(biāo)光標(biāo)的效果。 對(duì)于一些舊的瀏覽器可能不支持這些新的光標(biāo)關(guān)鍵字,可以通過(guò)使用老的方式,用一張1 * 1 的透明GIF圖片,然后這樣做: video { cursor: url(transparent.gif)...
摘要:是干什么的定義輪廓是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。以上是但上說(shuō)明。但我的理解是,它跟是一樣是元素的邊框,但是它又有別于他的大小不會(huì)計(jì)算到元素上,不會(huì)影響布局,而是會(huì)的。 outline是干什么的 定義outline (輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。 以上是但w3c上說(shuō)明。但我的理解是,它跟border是一樣...
摘要:一般我們需要設(shè)置一個(gè)與瀏覽器等高并等寬充滿全屏,然后設(shè)置背景圖片來(lái)達(dá)到一個(gè)高大上的排版效果。以前為了達(dá)到這樣的等高效果,一般通過(guò)來(lái)獲取當(dāng)前瀏覽器高度然后動(dòng)態(tài)設(shè)置的,有時(shí)候還需要不斷地檢測(cè)瀏覽器事件來(lái)不斷調(diào)整的。 一般我們需要設(shè)置一個(gè)div與瀏覽器等高并等寬充滿全屏,然后設(shè)置背景圖片來(lái)達(dá)到一個(gè)高大上的排版效果。具體的例子看下面的圖片演示: showImg(https://segmentf...
摘要:方法一為父元素添加方法二同時(shí)浮動(dòng)元素方法三添加非浮動(dòng)的清除元素定位布局的核心是屬性,對(duì)元素盒子應(yīng)用這個(gè)屬性,可以相對(duì)于它在常規(guī)文檔流中的位置重新定位。絕對(duì)定位絕對(duì)定位會(huì)把元素徹底從文檔流中拿出來(lái),然后相對(duì)于其他元素默認(rèn)是定位上下文定位。 1.盒模型 盒模型,就是 瀏覽器為頁(yè)面中的每個(gè) HTML 元素生成的矩形盒子。 這些盒子們都要按照 可見(jiàn)版式模型(visual formattin...
摘要:每周前端開(kāi)源推薦第一期一直以來(lái)大家都覺(jué)得是一個(gè)放在根目錄的靜態(tài),這個(gè)開(kāi)源庫(kù)可以讓增加動(dòng)畫(huà)動(dòng)態(tài)修改圖片甚至使用視頻攝像頭捕捉。體驗(yàn)地址一個(gè)類似的前端框架,和不同的是更語(yǔ)義化。 每周前端開(kāi)源推薦第一期 favico.js Make a use of your favicon with badges, images or videos 一直以來(lái)favicon.ico大家都覺(jué)得是...
暫無(wú)介紹