• 家
  • 大約
  • 文章
  • 聯繫我們

: 91 11 9810018780 郵寄至 :info@aceinfowayindia.com / 電話 :91 11九十八億一千零一萬八千七百八十

  • 文章作者
  • 關於30.10.2009
  • 在上午10時58分
  • 由管理員

如何創建自己的簡單Reset.css文件

大部分的CSS設計的新手不知道的重要性,建立一個“reset.css”文件。 不同的瀏覽器程序代碼不同。 什麼看起來完美的Firefox,可能會關閉在Internet Explorer中。 有許多的CSS重置所有在互聯網上,以幫助打擊瀏覽器的問題。 主要問題之一,與使用許多目前現有的框架是,他們沒有專門針對你。


How to Create Your Own Simple Reset.css File

現在,它的時間不能創設自己的自定義復位文件。 在本教程中,您會發現如何創建自己的簡單Reset.css文件為您的下一個網站項目。 我希望你能喜歡這個教程。

步驟:1刪除margin和padding元素

html文件,機構,分區,跨度,如h1,h2,蛋白H3和H4,H5型,H6的,大段引用,預,時間, 字體 ,IMG公司大小,強弱,子,燮,UL認證,醇,利,分升,胸苷,副署長,字段集,形式,標籤,傳說,訓練班,日,運輸署,輸入,選擇,textarea的
; padding : 0 ;  border : 0 ; outline : 0 ; } (保證金:0;填充:0;邊界:0;大綱:0;)

第二步:2復位排版樣式:

如h1,h2,蛋白H3和H4,H5型,H6的 ( % ; 字體大小 :100%; ) 時間 ( ; 字體樣式 : 斜體 ; ) 強壯的 ( ; 字體重量 : 粗體 ; )

步驟:3復位無序列表:

: none ; } UL認證,醇( 列表樣式類型 : 無 ;)

步驟:4,破除邊界::

IMG公司的fieldset ( 邊界:0; )

這裡是我們的最終簡單Reset.css文件。

margin : 0 ; padding : 0 ;  border : 0 ; outline : 0 ; } h1, h2, h3, h4, h5, h6 { font-size : 100 % ; } em { font-style : italic ; } strong { font-weight : bold ; } ul, ol { list-style : none ; } img, fieldset { border : 0 ; } a { color : # 333333 ; text-decoration : none ; } a :hover { text-decoration : underline ; } html文件,機構,分區,跨度,如h1,h2,蛋白H3和H4,H5型,H6的,大段引用,預,時間, 字體 ,IMG公司大小,強弱,子,燮,UL認證,醇,利,分升,胸苷,副署長,字段集,形式,標籤,傳說,訓練班,日,運輸署,輸入,選擇,textarea的(保證金:0;填充:0;邊界:0;大綱:0;)如h1,h2,蛋白H3和H4,H5型,H6的( 字體尺寸 :100%;)時間( 字體樣式 : 斜體 ;)( 字體強烈體重 : 粗體 ;)UL認證,醇( 列表樣式 : 無 ;)IMG公司的fieldset(邊界:0;)1( 顏色 :# 333333; 文字裝飾 : 無 ;)1:懸停 ( 文字裝飾 : 提供underline;)

結論

這些僅僅是一些提示,幫助我寫出更好的代碼。 我希望該教程也將幫助你寫更好,乾淨的代碼。 應用這些提示您當前和未來項目,你一定會明白的努力。

如果你認為教程可以更多更好,請與我們分享。 評論我們

如果您想獲得更多的教程,從我們,請考慮訂閱我們的飼料的RSS或電子郵件 。

提起下: 的CSS, 教程由admin

促進美

  • 添加到顧問:Bchen!

標籤: 的CSS, 教程

相關文章:

如果您喜歡閱讀這篇文章,請檢查其他有關條款如下:

    • 5個步驟寫更好的CSS
    • 如何尋找形式創造良好的無表
    • 純CSS下拉菜單不使用JavaScript
    • 創建一個圖像廊與標題
    • 小提示:輕鬆地建立大寫在您的網站
無標題文檔

提交評論

XHTML:您可以使用這些標記:<a title="">的title=""> <acronym title="">的首字母的<b> <blockquote cite=""> <cite>的<code>“刪除日期時間=“”“<em>的<i> <q cite=""> <strike>的<strong>


CommentLuv Enabled 顯示更多
« 11個免費3D字體的設計
無標題文檔

    訂閱

  • 訂閱我們的飼料
  • 訂閱電子郵件
  • 按照我們的Twitter
  • 贊助商
  • 贊助商
  • 贊助商
  • 贊助商
  • 贊助商
  • 贊助商

    • 搜索

      無標題文檔
  • 日曆

    2009年10月
    M Ť 糯 Ť F š š
    « 2008年9月
    1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31
    • 頁

      • 家
      • 大約
      • 文章
      • 聯繫我們
    • 分類

    • 的CSS(19)
    • 設計/啟示 (47)
    • 贈品 (31)
    • 平面設計 (10)
    • 的Photoshop(16)
    • 資源 (29)
    • 徐 (1)
    • 工具 (7)
    • 教程 (30)
    • 印刷術 (4)
    • Web開發 (5)
    • WordPress的 (6)
    • 檔案

    • 2009年10月
    • 2009年9月
    • 2009年8月
    • 2009年7月
    • 2009年6月
    • 2009年5月
    • 最近崗位

    • 的CSS
    • 設計/啟示
    • 贈品
    • 平面設計
    • 的Photoshop
    • 熱門帖子

    • 如何尋找形式創造良好的無表
    • 30網站的最大橙
    • 如何創建可擴展的CSS尼斯基於麵包糠
    • 5個步驟寫更好的CSS
    • 如何創建凸版印刷術在Photoshop
    • 創建一個美麗盒圖標在Photoshop
    • 6令人敬畏的在線圖片編輯工具
    • 標籤雲

    的CSS 設計 字體 免費服務 平面設計 圖形設計 圖標 的啟示 Inspitation 的Photoshop 資源 工具 教程 印刷術 的Web開發 的WordPress

    • 朋友們

      • Abduzeedo
      • Alist除了
      • Bittbox
      • CrazyLeaf設計
      • 的CSS技巧
      • 大衛沃爾什
      • Fudgegraphics
      • 燃料您的創造力
      • 幫助開發
      • 瞬間轉移
      • Line25
      • Mirificampress
      • 我的油墨博客
      • Noupe
      • PSDFan
      • PSDtuts
      • 分享腦
      • 六修訂
      • 勺圖形
      • Toxel
      • Vandelay設計
      • 我們的功能
      • 網頁設計師站
      • 網頁設計師總帳
      • 網頁設計師牆
      • 您的設計師
    • 翻譯

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • 贊助商

    退房UPrinting的YouTheDesigner。


    網上名片

    Web Design Blog Directory

。
無標題文檔
返回頁首

一般

這些也許某些利益
  • 關於我們的公司
  • 褒獎
  • 聯繫方式
  • 博客
  • 社會- Twitter的的Flickr

工程

以往項目實例
  • 關於我們的公司
  • 褒獎
  • 聯繫方式
  • 博客
  • 社會- Twitter的的Flickr

服務

這就是今天的銷售情況
  • 關於我們的公司
  • 褒獎
  • 聯繫方式
  • 博客
  • 社會- Twitter的的Flickr

聯繫方式

要請我們? 從這裡開始...
  • 免費項目評價量表
  • 電子郵件- info@aceinfowayindia.com
  • 電話:91 11九十八億一千〇一萬八千七百八十〇

版權所有© 2009,版權所有, 王牌Infoway的印度租用王牌Infoway的印度您的下一個設計項目。 查看我們的投資組合 。