2015.1.5日，我去了北京一家網際網路創業公司面試，我感受到了那裡年輕人在一起拼搏的氛圍，招聘欄上，說是希望要有幾年web前端工作經驗的，我憑著自己的這點小本事，不自量力的去啦。結果，面試官問了，我許多我接觸過的問題，但是，不幸的是，我對那些知識點完全是只知道大概，對於這些知識點在實際中的應用，我卻知之甚少。面試時，我都不好意思啦，總覺得耽誤人家時間啦。這個問題是當面試官問我盒子模型時，由於需要說上下左右邊距，為了更能說明，我舉例了行內元素與塊級元素，但是，卻又被人「行內元素與塊級元素之可以通過哪些方式方法轉換」問住啦，丟人啊！我只回答出來
display，於是，我找了有關書籍，看了幾個**的源**，再來總結一番。
其預設css樣式
css修飾
行內元素與塊級元素的轉換
float
當把行內元素設定完float:left/right後，該行內元素的display屬性會被賦予block值，且擁有浮動特性。行內元素去除了之間的莫名空白，
position
當為行內元素進行定位時，position:absolute，與position:fixed。都會使原先的行內元素變為塊級元素。
【注意】通過以上的設定，可以實現為行內非替換元素設定寬高及內外邊距。但是替換時，還需要注意轉換為塊級元素只是，float與position的***，他們本身的作用還會干擾布局效果。
之前介紹塊級元素時，會說，塊級元素的寬度會繼承其父元素。但是，只有為行內元素設定display:block;才會有這樣的效果，其他轉換之後並不會預設帶來這個效果。
建議小夥伴們還是自己在編輯器裡敲敲，對比一下，印象才深刻。
行內元素 塊級元素以及行內塊元素的區別
a strong b em i span u s del ins 天生自帶屬性display inline,通常用來進行文字 加粗，斜體，鏈結 小圖示 小結構 的搭建 不獨佔一行，從左到右依次排列 排列到超出父元素的寬度會自動折行 設定寬高屬性以及margin和padding的上下不起作用，需要加d...
塊級元素以及行內元素居中顯示
title type text css container center style head id container id center div div body html 以上方法是我認為最好用的，不過缺點是需要知道元素的寬度和高度。通過設定需要定位的div元素為position absolu...
行內元素和塊元素以及行內塊元素的特點
初學html，接觸很多標籤 等，當寫出簡單的小頁面的時候，例如僅僅是一篇帶有標題的文章，標題標籤單獨一行，不管後面有多大的空間 標籤中使用多個給某些詞做強調，但是卻和中的其他內容同一行，由此，會思考為什麼和會有這種的不同？想要知道為何不同，得先了解html標籤的型別。html標籤一般分為塊標籤和行內...