前端新手須要注意的幾個問題

最近幫忙學弟學習前端知識，留了幾期做業，暴露出不少問題。把他的總結分享出來，你們一塊兒看下：

總結：

一：百度首頁面的總結：

       盒子居中用margin：0 auto；

       選擇器的名稱要語義清楚，（加強代碼可讀性）

       除了製做表格，頁面佈局儘可能要用div

       關於顏色的定義要用十六進制表示,少用red，black這種

       輸入框的光標沒關係貼邊框，應該隔一段距離（美觀）

       簡單的層中圖片用tagname定義樣式，不須要class

       編寫代碼出現的問題：命名隨意，代碼冗餘，全局樣式的問題...

       不細心不認真態度不端正...

二：   騰訊校招:

       屬性不能亂用，不能爲了效果而堆砌，應該在充分理解的前提下使用，基礎的東西要記清楚（inline display: inline; 在行內顯示，與之對應的是display: block; float浮動 浮動元素會生成一個塊級框。 ）

       學會用background-position

       字體和大小也要按規定的來使用

       定位：絕對（相對於其包含塊的定位） 相對（相對於它本來所在的位置的定位） 固定（相對於顯示器屏幕的定位） 靜態（默認值）

       每一個圖片都必須有alt，分清alt和title的區別：alt：是那些不能看到圖片的瀏覽者提供文字說明。title：鼠標懸浮於圖片上時出現的額外的關於圖片的解釋。

       關於僞類的問題（前面定義的僞類會影響後面相同屬性的定義）

       看書學會如何組織代碼，先寫結構再組織樣式

       要有預見問題的能力，大屏顯示器和小屏如何顯示等。

       發現問題的本質（基礎知識不牢固）。------------解決問題只根據表象去改，沒發現本身寫了全局樣式

       認真對待發現的問題(態度)。

三：   app下載:

       類選擇器命名要語義明確（不長記性）

       相似於按鈕的選擇器命名能夠加上button（.iphone-btn）----------------命名的語義化

       一個頁面最好只有一個header和footer ------------------------

       頁面惟一的大區快最好用id

控制區塊之間的間距不能用<br/>--------------------用margin 和padding 控制間距

文件要有結構，

       學會用chorme的開發者工具

       圖片的大小也會影響瀏覽器的下載速度  ------------------因此少用圖片或者使圖片儘可能小

       css代碼中屬性的書寫順序：

1.位置屬性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其餘(animation, transition等)

       要注意細節。

學會獨立發現並解決問題，

多翻書，多練習，熟記各類基礎的屬性特色，不會的知識及時上網查找並熟記。寫代碼時不能亂用屬性，要作到寫的準確簡潔，具備可讀性。關於文件的命名儘可能不要出現中文。