html:
1、結構清晰，意思明確，最好是能夠在未載入樣式的情況下仍然能夠在頁面呈現出來的是有結構的。
2、語義化，便於閱讀及seo優化。
3、樣式結構按照塊劃分，不要零散。使人一看結構就能夠知道頁面大體樣子。
css:
1、書寫順序
位置屬性：z-index,position，absolute，display等
大小：width，height，margin，padding
文字系列:font-size,color,letter-space,line-hright等
背景，邊框： background，border等
其他2、提取出公共樣式，但是要結合實際，如果是有特殊的還需要另外控制的那就不要再加類名了。
3、類名最好直義，便於理解
4、一樣的樣式結構，最好不要用同乙個類名，而是用不同的能夠代表其意思的，然後在書寫樣式的時候以逗號隔開
5、像h3這樣標題類的，直接用標籤名控制就不要再加類名了
html和css書寫規範
不去完全按照某個書寫順序來寫。但我們應該養成良好的習慣，讓看 的人更易理解。易讀對於團隊協作來說是非常重要的 1.框架為先，細節次之。比如寫乙個浮動容器的樣式，我們應該先讓這個容器的框架被渲染出來，讓大家看到基本的 框架。然後再再去渲染容器裡面的內容。最終呈現給使用者.通常像 color font ...
關於HTML和CSS的學習心得
經過三天的學習，以及對乙個靜態網頁的製作，我發現其實在學習的過程中細心以及對知識的理解的重要性。在編寫靜態網頁的時候，許多方面考慮的不周全，致使原版是這樣的 但我編寫出來的卻成了這樣的 並沒有將網頁居中，以及缺少了一部分東西。在編寫的過程中，慢慢的了解 發現，並學會運用 html 和 css 其中 ...
CSS命名規範和CSS書寫規範及方法
一.常規書寫規範及方法 1.選擇doctype xhtml 1.0 提供了三種dtd宣告可供選擇 過渡的 transitional 要求非常寬鬆的dtd，它允許你繼續使用html4.01的標識 但是要符合xhtml的寫法 完整 如下 嚴格的 strict 要求嚴格的dtd，你不能使用任何表現層的標識...