第一次弄css架構

來源:互聯網
上載者:User

弄了下pdf轉div+css,一個pdf轉為一個網頁,但是每次都多了個index.html頁面和css檔案夾和image檔案夾。可是一個網站是用好多網頁組成的,那就會有n多pdf,轉了後就會有n多css檔案夾,image檔案夾還好說,大家都可以放一起,但是css檔案怎麼辦呢?總不能每個頁面都調用所有css檔案吧,這樣肯定影響速度呀。上網查了查例子,百度和新浪都是沒有css。可帥了,一個頁面頭部放了本頁面所有樣式。然後查了查資料,找了n多篇文章,都是一樣的,也不知道誰抄的誰的。差不多有三種方法,1.製作幾分css檔案,頁面需要哪個就載入哪個。2.一個公用css,頁首頁尾分別載入不同css,缺點是公用css太大了。3.一個公用css,其它css按類型分類。比如說定義table的樣式都放在table1.css中,然後需要哪個樣式就調用哪個css好了。

這些方法都是太複雜了,還要架構設計什麼的,我這樣去做時間肯定不允許。況且我也不想做專業美工。於是我決定只定義一個公用css,然後每個頁面一個css,又方便又能得瑟,一個頁面只有兩個css,多帥呀!然後我研究了一個網站架構,發現每個頁面都要調用相同的header,不會把所有css都放在這一個header模板中吧?昨天就見一同事弄了一個頁面有九個css,改個東西痛苦死。於是我又研究了下在是不是可以不在header中也能載入css,結果還真可以,在那裡用link都能載入出css來,之前我還用include試了半天。這樣的話新模板的更新就簡單多啦,可以按照系統需要設計css架構了。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.