1.logo優化：在div中加h1再加a標籤，加h1的目的是提高訪問權重，為了不讓字顯示出來，在css中新增text-indent:-20000em;，可使用精靈圖新增background。
2.對img元素進行居中處理：
1）對包含其的上級元素進行：text-align:center;
2）利用padding值進行處理；
3）對img元素進行display:block處理，然後margin:0 auto;或者在外層加div再進行magin處理（好像必須要有width）
3.對li樣式去點：ul或使用顏色隱藏。
4.li樣式橫排：向左浮動或者display:inline-block;
5.給tr設定border值時不顯示：
解決方法：將tr所在table的css樣式border-collapse設定為 collapse；
table
tr
6.在字母、數字等外面加圓圈，可以利用border和border-radius來完成，使用text-align:center和line-height值為高度值可以使內容居中到圓圈中間。
7.在文件流中，元素的最終邊界是由margin決定的，margin為負的時候就相當於元素的邊界向裡收，文件流認的只是這個邊界，不會管你實際的尺寸是多少。
8.可以使用backgroud-position對背景進行定位。
9.html節點居中
margin:0 auto、vertical-align:center、text-aligh:center
1. width:auto 屬性， 如果標籤沒有固定的寬度，那麼width:auto已經足夠了； 如果固定寬度了，就加上margin:0 auto 或者margin-left:auto; margin-right:auto。
2. 如果是img居中，那麼可能的使用text-align:center加上垂直居中vertical-align:center, 但是在使用它時要注意，有時會影響你的文字布局。
3. 文字居中或者子元素居中text-aligh:center，有時還要結合display=inline。
10.在文件流中，元素的最終邊界是由margin決定的，margin為負的時候就相當於元素的邊界向裡收，文件流認的只是這個邊界，不會管你實際的尺寸是多少。
11.img元素下面有4px的空白，是因為基線引起的，底部是基於文字基線的。英文本母的下面會有超出來的部分。解決方法：
設定img為display:block或者為其父類元素新增font-size:0或者line-height:0,或可以改變vertical-align，讓它不是baseline，可以為vertical-align:top/bottom/middle,text-top，text-bottom,如果父物件的寬、高固定，大小隨父物件而定，那麼可以配置 「overflow:hidden;」來解決。如本例中可以向#sub中新增以下**：「width:88px;height:31px;overflow:hidden;」。配置的浮動屬性: img .
12.css實現同一行的和文字垂直居中對齊的方法:
1.在和文字所在的行中新增css屬性：vertical-align:middle.(align="absmiddle"?沒有發現作用)發現可以和行高配合使用。
2.div巢狀：將和文字分別套上乙個div，就可以利用 margin 熟悉任意定位了
3.把作為背景：如果你的只是用來作為小圖示放在文字的左側，那就推薦用這個方法，設定成文字的背景，不迴圈，定位在左側上下居中，文字向左padding的寬度加幾個畫素。background:url(template.jpg) no-repeat left center
百度前端學院實踐記錄
value innnerhtml value是input框的輸入值 innerhtml是dom元素裡面的所有dom結構 keyvalue 13 為回車按鍵 js getfullyear 從data資料中提取年份 ceil 最大整數 floor最小整數 floor 是向負無窮大捨入，floor 10....
百度前端學院任務筆記（一）
1.心得 看完 head first html 與 css 就開始任務。結合任務二著手寫了個簡單的網頁簡歷。一開始認為應該會很easy，沒想到還真不怎麼順利。對元素的定位，字元間距，段落間距的掌握實在糟透了。2.知識點 1 垂直居中 給定元素寬度 可用 具體畫素大小 min width max wi...
百度前端學院學習心得
零基礎html編碼 零基礎html及css編碼 一 三欄式布局 定位和居中問題 待更新 前言 本文隨著我的學習進度在不斷更新維護中 建議使用來代替以實現加粗 可不僅限於加粗字型實現 強調 功能，且在殘障人士使用 閱讀 功能時會重讀。在表單中，建議使用來代替以實現表單提交 submit 支援鍵盤的 e...