網(wǎng)友解答: 可以看著一張隨便截到的網(wǎng)頁(yè)截圖，把它用網(wǎng)頁(yè)重新寫(xiě)出來(lái)，并且一模一樣。然后再看看人家網(wǎng)頁(yè)的頁(yè)面結(jié)構(gòu)，用的什么HTML的標(biāo)簽，用的什么CSS類名，用的什么CSS的屬性，大概地一對(duì)

可以看著一張隨便截到的網(wǎng)頁(yè)截圖，把它用網(wǎng)頁(yè)重新寫(xiě)出來(lái)，并且一模一樣。

然后再看看人家網(wǎng)頁(yè)的頁(yè)面結(jié)構(gòu)，用的什么HTML的標(biāo)簽，用的什么CSS類名，用的什么CSS的屬性，大概地一對(duì)比。如果咱自己寫(xiě)的頁(yè)面比網(wǎng)頁(yè)源代碼里面的更加語(yǔ)義清晰、結(jié)構(gòu)簡(jiǎn)單明了。那么，合格。如果不是，但是寫(xiě)出來(lái)了看著效果一樣的了，70分。如果寫(xiě)出來(lái)的不一樣，或者根本不知道如何寫(xiě)出來(lái)，咱還得繼續(xù)學(xué)。

話說(shuō)，人比人得死，貨比貨得扔。學(xué)海無(wú)涯。處處留心皆學(xué)問(wèn)。

反正我平?？磩e人的頁(yè)面源代碼，經(jīng)常會(huì)覺(jué)得，哦，這樣子寫(xiě)比較簡(jiǎn)單方便。咦？為啥給這里加一個(gè):after，這里的span不要了行不行。

這個(gè)問(wèn)題問(wèn)的太考人了！沒(méi)有標(biāo)準(zhǔn)答案，每一個(gè)技術(shù)人員對(duì)入門(mén)和合格的理解不一樣。

就我個(gè)人而言學(xué)會(huì)html和css得標(biāo)準(zhǔn)分成兩個(gè)部分的。

第一個(gè)部分html常用的標(biāo)簽?zāi)軌蛘f(shuō)出其特性，并且能夠列舉幾個(gè)場(chǎng)景來(lái)描述用例；對(duì)于不常用的標(biāo)簽?zāi)軌蛘f(shuō)出標(biāo)志性特點(diǎn)，當(dāng)然能舉例使用場(chǎng)景那就更好。css同理常用的屬性和設(shè)置能夠熟練的使用并且知曉其原理。這個(gè)部分叫做理論原理入門(mén)，不要小看這部分的知識(shí)積累，因?yàn)楫?dāng)你做到一定程度上的時(shí)候就會(huì)發(fā)現(xiàn)這部分知識(shí)和對(duì)其的理解決定了你做效果和創(chuàng)新的能力。

第二部分能夠使用html和css不借助任何框架來(lái)寫(xiě)一個(gè)簡(jiǎn)單的公司官網(wǎng)和一個(gè)參考APP的web 版的幾個(gè)tab頁(yè)算是合格。

能達(dá)到以上兩個(gè)要求我把他劃分為入門(mén)級(jí)。如果想達(dá)到合格級(jí)就需要熟練的使用原生或者框架寫(xiě)一個(gè)官網(wǎng)適配和web app適配程序，并且控制一定的bug數(shù)。熟練級(jí)則是能夠快熟的使用框架完成項(xiàng)目并且基本避免的低級(jí)頁(yè)面錯(cuò)誤，對(duì)項(xiàng)目的整體有一個(gè)控制能力并且在代碼層面做好版本控制和可持續(xù)性開(kāi)發(fā)。高級(jí)的就不做詳細(xì)說(shuō)明了。

以上是個(gè)人的理解！