css

1/484ページ

css去掉下劃線

我們可以用CSS語法來控制超連結的形式、顏色變化。   下面我們做一個這樣的連結:未被點選時超連結文字無下劃線,顯示為藍色;當滑鼠在連結上時有下劃線,連結文字顯示為紅色;當點選連結後,連結無下劃線,顯示為綠色。   實現方法很簡單,在原始碼的<head>和<head>之間加上 […]

CSS禁止文字自動換行

原文地址為:CSS禁止文字自動換行  當中文文字很長的時候(中間沒有空格也沒有換行符號),不管是IE還是firefox,到達邊界都會自動換行。 但是有的情況,我們並不希望這樣。比如:當在幾個li並排排列,不想讓每行的最後的一個li的文字自動換行,那就可以使用”white-space:no […]

jquery、div、css製作遮擋層

在日常開發中經常會用到遮擋層,一直沒有機會研究,今天實現了,感覺原理原來如此簡單。不過,這些很小的知識點,必須都弄清楚,真是應了那句老話,基礎好,才能走的遠。 遮擋層效果圖: 遮擋層實現原理:   修改某個隱藏的div樣式,由隱藏修改為展現,寬度和高度與瀏覽器視窗相等。 注意細節:    div需要 […]

頂部fixed固定條遮擋下邊文案

頂部fixed固定條遮擋下邊文案 當頂部出現固定條之後最讓人頭疼的問題就是會遮擋下面的內容,一般的解決辦法就是給最外邊的容器加padding-top,但是這非常不靈活,因為你不知道什麼時候需要加頂部固定條,而且高度也不確定。有的時候加個類名區分,沒有的時候去掉,這就要經常跟後端溝通,十分麻煩,今天想 […]

圖片垂直居中的使用技巧

在曾經的 淘寶UED 招聘 中有這樣一道題目: 引用 “使用純CSS實現未知尺寸的圖片(但高寬都小於200px)在200px的正方形容器中水平和垂直居中。” 當然出題並不是隨意,而是有其現實的原因,垂直居中是 淘寶 工作中最常遇到的一個問題,很有代表性。 題目的難點在於兩點: 垂直居中; 圖片是個置 […]

1 484