熱門標簽
TopCSS設計原則
頂級CSS設計原則CSS可以成為設計師非常強大的標記語言。然而,CSS也是由設計者創建的產生代碼的原則。雖然你可能認為任何人都能寫CSS,但寫CSS和生產一流CSS有很大區別。為了確保你在正確的軌道上,這里有八個CSS原則,每個網頁設計師都應該遵循。
1.如果您計劃在css編碼中花費時間,請花時間驗證,因此請花時間驗證您創建的代碼。然而,令我驚訝的是,許多設計師跳過了這一重要步驟。通過驗證代碼,可以清除任何問題,并確保它對訪問者有效。除了驗證CSS文件外,還應驗證HTML或XHTML文件。在驗證這些文件之前,請確保您有時間進行適當的HTML或XHTML文檔類型聲明。聲明DOCTYPE看起來可能是一個普通的細節,但我不能指望我沮喪的設計師繼續討論很多設計問題,結果發現這是因為他們已經聲明過時DOCTYPE(或者根本沒有聲明)。
2.文件(不在代碼中)無論您是在處理單個項目還是設計團隊,創建工作文件都很重要。你可以看到為什么這在設計團隊中是重要的,但是你可能想知道如果你在一個單獨的項目中工作,為什么會是重要的。好吧,你的個人項目**終有可能演變成一個集體項目,如果真的發生了這種情況,那么手頭上有文檔要比回去創建文檔容易得多。然而,即使您的項目仍然是一對一的性能,當您決定重新檢查一個項目而不是一年一次地查看它時,您也會驚訝地發現文檔是多么有用。當涉及到創建CSS代碼文檔時,大多數設計人員的自然沖動是直接在代碼位置/*和*/之間添加代碼。喜歡這份清單有很多原則。這種方法沒有錯。但是,直接向CSS代碼中添加注釋將增加文件的大小,從而增加加載時間并降低網站的總體性能。如果你真的想寫頂級CSS代碼,你應該把你的代碼記錄在一個單獨的文件中。雖然我真的相信在一個單獨的文件中它更有效,但我知道有很多人不同意文件中的這種方法。如果拒絕單個文件中的文件,下一個**好的方法就是使用CSS壓縮器(事實上,即使選擇在單個文件中使用文件,使用CSS壓縮器仍然可以從中受益)。您可以使用此CSS壓縮器從CSS或谷歌驅動的庫中搜索備用CSS壓縮器。
3.拒絕黑客,盡管黑客已成為許多CSS中可接受的社區,但這并不意味著ldquoCSS攻擊“2”;其中一個原則是你應該遵循。這種設計意味著您正在尋找解決復雜問題的方法。盡管你可能認為一兩個黑客現在不會傷害任何人,但進入心態ldquo;黑客通行證ldquo;您遇到的任何問題都會對您的總體設計思維產生負面影響。避免黑客攻擊是專家們被分配了一些時間的建議。你可以一路走到2003年,看到保羅科赫(他是一個成功的開發者和作者)已經啟發了設計師一段時間CSS Hacksldquo;復雜的怪物在現代Web開發中心中。今天,它并不表示無限嵌套表,而是表示無限復雜CSShackquo;。
4.不要濫用div,因為div元素具有很高的靈活性,很容易被過度使用。事實上,這個問題已經變得如此普遍,CSS設計師團體已經建立了自己的術語來標記這個問題:divitus。避免陷入這種情況,在自動使用div標記之前,你應該問問自己,如果你有一個真正的HTML標記,你會做這項工作。例如,與其創建多個headerdiv,不如使用已有的HTML標題標記,例如H1和H2 一旦你開始考慮這個問題,你很快就會看到使用適當的HTML標簽而不是自動創建一個新部門的好處,不僅減少了代碼的數量,而且你必須創建(這將節省你的時間,減少你的網站加載時間),而且它也給你的代碼一個更合理的結構。
5.如果你問一個新的或沒有經驗的設計師他們決定如何命名他們的課程,他們可能會說,這真的不重要。雖然這在技術上是正確的,但這是一個非常短視的觀點命名CSS類。雖然有些設計人員屬于不關心CSS類名的類,有些設計人員認為自己的類名,但他們采取了錯誤的方法。因為我不想只是打你的頭和理論的例子,讓我詳細解釋一下。假設您正在創建一個類來控制頁面上的一個框。該框將在頁面的底部,它將包含一個棕色的背景和讀者評論的控件填充,您將使用CSS。并命名為譚盒(這是許多很好設計師將要做的),它的名字。注釋框。原因。注釋框是一個比譚盒更好的類名,因為如果您決定將背景顏色更改為Blue Road(或者決定從頁面底部的不同區域放置注釋框),它不會混淆您或查看網站其他設計器CSS。
6.擁抱速記和速記會讓剛開始編寫自己CSS代碼的設計師感到困惑,一旦你習慣了風格速記,它就成為成為一名設計師**有效的方式。速記有很多好處。1、 減小文件的大小,這將減少文件的加載時間網站。此外,它不僅使我們更容易組織您的代碼,而且還使您在將來需要更改代碼時更容易。當您開始適應速記時,您還應該在一行練習中編寫代碼(而不是分散在多行上聲明)。
7.別忘了,作為一名設計師,你更傾向于為非主流的任何人提供技術。因為你是少數民族生活的一部分,呼吸技術,有很多習慣,大多數人從來沒有想過。例如,你可以離開你的方式,以消除盡可能多的在你的生活ldquo;“文件”或“文件”;。但是,請記住,大多數人仍然定期打印重要的內容。當您可以標記項目del.icio.us時,您應該保存它以供參考,普通互聯網用戶將打印同一頁。因為人們也會從互聯網上打印信息,所以使用CSS打印內容很重要。訪問者會欣賞你為他們所訪問的網站創建漂亮布局所做的所有工作,但是當他們決定打印一頁網站時,他們會感謝你,即使他們意識到他們的打印輸出只包含文本,他們希望(沒有令人吃驚的圖形在他們的計算機中看起來很棒,但會浪費打印機的大量墨水)。因為CSS使得確保內容正確格式化和打印變得簡單,所以沒有理由說真正的設計師忽略了這一步的設計過程。
8.永遠不要停止學習你認為的**終原則聽起來很老套,但它無疑是**重要的一整張清單。如果你致力于成為**好的設計師,你需要確保你一直致力于擴展你的CSS知識。幸運的是,這很容易做到,如果你有繼續你的CSS教育的愿望。繼續教育是一項艱巨的任務。個人在很多行業,非技術性的,因為互聯網實際上是基礎CSS,免費資源的數量,你可以學習真的沒完沒了。如果你認為我夸張了,只需輸入ldquoCSSrdquo;到谷歌,您將看到48300000個結果供您瀏覽。
除了從網上資源(和印刷資源,如果你喜歡)學習,你可以從其他CSS設計師學到很多。無論你在網上還是面對面地分析你的作品并聽取他們的建議,你都可以與其他致力于頂級設計原則CSS和驚人的生產價值的設計師進行互動和潛在的合作。
謝潑德設計文章推薦:
ps圖像處理軟件功能
界面原型設計實例技巧
網頁設計師如何克服障礙
紐約時報雜志網頁設計
http://79806.xyz/wangzhansheji/552.html TopCSS設計原則