CSS 有什麼奇技淫巧?

時間 2021-05-29 22:15:22

1樓:套路小迷糊

某些爬蟲的作者對 CSS 理解比較簡單,以至於我們可以利用這一點來反爬。——題記

譬如說您在樣式檔案中這樣寫:.h

.s然後在頁面中這樣使用:

class

="s"

style

="display: none;"

>這是乙個有價值的文字

span

>

="爬蟲陷阱"

class

="h"

style

="display: inline;"

>這是乙個爬蟲陷阱

a>畢竟某些反爬蟲只不過是用了偽元素和 display: none; 就把不少爬蟲迷惑了。如果用 CSS 優先順序顯然更容易迷惑那些不太聰明的爬蟲。我個老司機也是壞得很!(笑)

祝您秀髮濃密!

2樓:w3cbest

沒什麼奇技淫巧,基本都是自己積累,等你積累的多了,那麼你的奇技淫巧就有了http://www.

3樓:大白說

前兩天 WWDC 蘋果開發者大會發布了最新的 iOS 11,看完發布會意猶未盡,用 CSS 寫了一下 iOS 11 中的新圖示,感覺很有意思,準備持續更新下去。

4樓:楊滋滋

用transform: translateZ(0); 來欺騙瀏覽器開始GPU模式。

.demo

使用 backface-visibility: hidden; 清除在chrome或者Safari中使用CSS transforms 或者 animations時一定機率的頁面閃爍

.demo

5樓:辣辣

b不算是什麼奇淫巧技吧,只是我印象最深的乙個。

剛開始接觸的時候,有次做東西需要讓裡面的字型不加粗,可是還不能刪掉這個b tag。不要問我為什麼,具體真的不記得了,反正就是這個情況。最後就是在頁面加了上面的css,感覺真的會記一輩子.....

真的花了我好久才找到這個方法

6樓:Mapk Volkov

昨晚和組裡的同事聊天,有個定位的小知識點。 兩個div,都有固定的寬高,第一題:div1位正常文件流布局,div2 則只加position:

absolute定位,二者會是什麼排列效果呢? 第二題:div1只加了position:

absolute,div2正常,又會如何排列呢? 哈哈,非常好玩的小技巧。

7樓:張軒

說乙個很有用的

乙個不定高度元素的垂直居中

大家肯定能說出各種方案

說乙個常見的父元素設成 display:table 裡面的東西display:table-cell + vertical-align:middle

html - div vertical align middle css

既然是奇技, 就說另外乙個我搜到的有意思的東西

.element

這樣就搞定了利用乙個translateY的屬性來搞是不是很淫蕩? IE9及其以上的IE都支援歐

我們可以寫個mixin 更方便使用

/*Mixin

*/@mixin

vertical-align

.element

pdemo在這裡 Vertical center with only 3 lines of CSS

更多詳情請猛擊這個鏈結 Z63 | Vertical align anything with just 3 lines of CSS

8樓:鄭海波

這個貼讓我大開眼界, 大讚.

我也來分享乙個之前做的小DEMO。 使用即將在css中替代clip屬性的clip-path製作的css 三維模型展示. 這裡沒有涉及任何css3中的transform 屬性(即使用了也無法做到) .

而是利用矩陣計算和clip-path來生成三角形,並通過控制background-color 和z-index、display 等屬性實現背面剔除和光線投影 , 來模擬出3D模型的渲染.

效果如下:

DEMO鏈結 : CodePen - A Pen by leeluolee

Github原始碼: https://github.com/leeluolee/clip3d

然而和大部分上面的回答一樣, 並沒什麼卵用, 因為根本無法引入材質vertex資料是從three.js / examples 匯出,因為是最簡單的圖形了。 大概是5000個面左右, 不過已經很卡了.

9樓:

在你瀏覽器的Console(F12)中執行一下,你會發現頁面被不同的顏色塊高亮

.forEach.call($$("*"),function(a))

10樓:Lilith

不光css,所有source帶console的遊戲都可以,比如DOTA2,L4D2,TF2,不要問我為什麼沒有山!!!

1 網速模式"

"關閉" "net_graph 0"

"模式1" "net_graph 1"

"模式2" "net_graph 2"

"模式3" "net_graph 3"

2 顯示位置"

"左邊" "net_graphpos 3"

"中間" "net_graphpos 2"

"右邊" "net_graphpos 1"

3 顯示FPS

cl_showfps 1

11樓:Roy Li

CSS也是可以被黑客利用的。UI redressing和click hijacking。

WITH」>

2. CSS歷史攻擊

12樓:

A Single Div:只用乙個加一坨一坨的 CSS,然後畫出各種圖案。

主要是通過 :before 和 :after 獲得了相當於三個 DOM 元素的施展空間,然後用些很吊詭的 CSS 漸變和多層背景畫出來的,想想用純 CSS 和乙個 div 來寫這些確實蠻拼。

13樓:何為

通過padding-bottom引數實現div固定寬高比。

比如:padding-bottom:60%;

表示當前div的高度是其父元素的寬度的60%;

Pok mon GO 有什麼奇技淫巧?

Lu Jia 最近剛剛發現的。每個寵物進化時除了要注意測算他的IV值之外,就是身材.攻擊 防守和體力,還要注意它的特殊攻擊的型別。同型別的攻擊會有50 傷害加成。下圖同樣兩個暴鯉龍.乙個特殊攻擊是 dragon 乙個是 water 後者要明顯好於前者。同樣的例子,寶石海星居然是rock特殊攻擊。廢物...

Python 有什麼奇技淫巧?

jannchie見齊 Python字串格式化 資料 data 目標 輸出 我是見齊,是個程式設計師。字串拼接 我是 data name 是個 data job 使用格式化方案 我是 是個 format data name data job 較簡單的格式化方案方案 我是 s 是個 s。data nam...

MATLAB 有什麼奇技淫巧?

鮑里斯 運算的加速 bsxfun cellfun 可以將for迴圈速度提高幾個數量級。如果實在懶得寫,可以寫個mex介面呼叫c c 來執行迴圈。只不過在處理影象時,matlab和opencv影象矩陣的index不同。劃重點 從我能熟練運用matlab開始到現在大概四年時間,我發現我用到的幾乎所有的功...