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

首頁 > 開發 > CSS > 正文

寫出更輕巧、更快并且更不會讓你頭疼的CSS

2024-07-11 09:02:40
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:寫出更輕巧、更快并且更不會讓你頭疼的CSS.

為什么我們的CSS變得一團糟——我們真的很容易陷入這樣的困惑中。

有時這是一開始就馬虎編程的結果,有時是由于后期多重的附加代碼(hacks)和修改造成的。

無論是哪種原因,這都不是無法避免的。寫出干凈,超級可管理的CSS很簡單,只要你走對了路,你的代碼會更便于今后的維護和編輯。

寫出更輕巧、更快并且更不會讓你頭疼的CSS,以下這10個技巧將會提高你這方面的能力。

1.保持條理性

像任何事情一樣,讓自己保持條理性(有組織)是值得的。采用清晰的結構,而不是隨心所欲地組織id和class(別想到啥就寫啥)。

這會有助于你在心里記住CSS的級聯性,并讓你的樣式表能夠利用樣式繼承。

首先聲明最通用的item(id class或者是html element),接下來是稍微不那么通用的……依此類推。這讓你的CSS能適當地繼承屬性,當需要的時候,重寫一條特殊的樣式會更容易。將來編輯CSS時也會更快,因為它遵循著一個易于閱讀的邏輯結構。

用一個對你來說最好使的結構,同時在心里想著將來的編輯和其他開發人員。

  • 其他雜項

    寫出更輕巧、更快并且更不會讓你頭疼的CSS

    2.標題、日期和簽名

    讓其他人知道誰寫了你的CSS,什么時候寫的,以及如果有問題可以聯系誰。在設計模板或主題時這非常的有用。

    寫出更輕巧、更快并且更不會讓你頭疼的CSS

    稍等片刻…那些色標數字是咋回事?多年以來,我發現,簡單列舉出我的樣式表里常用的顏色,在初次開發和后期編輯時真的非常有幫助。

    這節約了你打開Photoshop從設計圖里吸一個顏色,或者在這個網站的風格指南(如果這個東東存在)里查顏色。如果你需要那個特定的藍色的HTML代碼,只需要翻到注釋處復制它就行了。

    3.搞一個模板庫

    一旦你選定了用一個結構,剝掉所有不通用的并把文件存成一個CSS模板,以便將來使用。

    你可以為多種用途保存多個版本:兩欄布局、博客布局、打印、移動等等……Coda(OSX的編輯器)有一個優秀的Clips特性能讓你很簡單的做到這些。很多其他的編輯器也有類似的特性,不過甚至是一批簡單的文本文件也能很好地工作。

    每次都從頭開始重寫每一個樣式表是很瘋狂的,特別是每個都是采用一樣的約定和方法。

    寫出更輕巧、更快并且更不會讓你頭疼的CSS

  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    主站蜘蛛池模板: 新宁县| 行唐县| 金堂县| 新宁县| 吴堡县| 娄底市| 溧水县| 瑞昌市| 中方县| 泰兴市| 东乌珠穆沁旗| 微山县| 凤城市| 福州市| 石首市| 扎囊县| 尉氏县| 顺义区| 蓬溪县| 平邑县| 阿拉善左旗| 莆田市| 岑巩县| 邓州市| 大城县| 罗定市| 炉霍县| 隆德县| 新民市| 张北县| 武夷山市| 广饶县| 张家港市| 中阳县| 河东区| 中方县| 丹寨县| 普安县| 广河县| 抚顺县| 陵川县|