国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

10個必備的CSS技巧總結

2024-07-11 08:30:03
字體：大 中 小
來源：轉載
供稿：網友

 CSS是網頁設計師的基礎，對CSS的了解能使他們能夠設計出更加美觀別致的網頁。使用CSS技巧來巧妙地處理CSS是非常令設計師著迷的事情。在CSS的深海世界里有很多有意思的東西，你只需要找到最適合你的就好。當然我們不可能一下子就記住所有CSS的規則和語法，但為了以后的發展我們還是應該記住那些非常有用的CSS技巧。今天我們精心準備了10條對網頁設計師最有用的CSS技巧，如果你想設計出獨一無二脫穎而出的網頁你必須得好好注意了。這篇博客是在與一家提供高質量印刷服務的在線印刷公司“ Business Card Printing”合作時寫的。

1. @font-face

一種用其他服務器上的字體的好方法。很明顯，如果你不能在托管服務器上找到你需要的字體，你可以在樣式中使用這個方法來引入你需要的字體。
 

CSS Code復制內容到剪貼板
  1. @font-face {        font-family: Blackout;   
  2.     src: url("assests/blackout.ttf") format("truetype");    }  

2. .clearfix

如果你沒法清除元素的浮動，這是清除浮動一種方法。你可以對任何HTML元素單獨使用這種方法。
 

CSS Code復制內容到剪貼板
  1. .clearfix:after {        content: ".";   
  2.     display: block;        clear: both;   
  3.     visibility: hidden;        line-height: 0;   
  4.     height: 0;    }  

3. @media

@media 可以設置你當前響應網站的媒介，它能幫助你根據用戶的顯示器調整網站的寬度。  

CSS Code復制內容到剪貼板
  1. @media  screen and (max-width: 960px) {         
  2. }  

4. transform: rotate(30deg);

結合這些轉換屬性和CSS轉場效果來創造有意思的動態效果。
 

CSS Code復制內容到剪貼板
  1. .title {        transform: rotate(40deg);   
  2. }  

5. background-size

這條規則幫助你在網站中適應全屏幕背景。這不像之前的CSS版本必須寫很笨重的代碼。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 准格尔旗| 牙克石市| 宿州市| 辽阳县| 长子县| 铁力市| 固原市| 广宁县| 凤翔县| 汉寿县| 三河市| 泗水县| 高陵县| 周至县| 永丰县| 吴江市| 鹤岗市| 宜兴市| 油尖旺区| 广元市| 海伦市| 柳江县| 苏州市| 苏尼特右旗| 永泰县| 西宁市| 辛集市| 会昌县| 永吉县| 奉贤区| 关岭| 海兴县| 简阳市| 屯门区| 遂川县| 固原市| 莆田市| 无棣县| 永顺县| 清镇市| 区。|