html +css學習筆記(3)

來源:互聯網
上載者:User

1.

整個盒模型在頁面中所佔的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成,而css樣式中width所定義的寬度僅僅是內容部分的寬度。

2. css優先順序

id優先順序高於class(id不要重複,否則js調用時會引起js的語法錯誤,只能取得第一個id的對象)。

後面的樣式覆蓋前面的

指定的高於繼承

行內樣式高於內部或外部樣式

3.

這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。

這個針對不同的瀏覽器寫不同的CSS code的過程,就叫CSS hack,也叫寫CSS hack。


4.在IE6及以上版本和標準的瀏覽器當中,當設定一個盒模型的的margin:auto;時,可以讓這個盒模型置中。

5.line-height 預設是1.0 -1.2

6.text-align:justify 是指的左右都和邊框對齊,適用於多行的文本,單行不起作用。

7.word-spacing:對中文沒有作用,文檔上定義的word為任何非Null 字元組成的串,並由空格包圍,可以在中文間加個空格使其生效,不過也可以設定letter-spacing屬性,css把中文當成一個個字母。

8.當同時設定white-space:nowrap(使其在一行內顯示) text-overflow:ellipsis; overflow:hidden這三個樣式時可以使一行很長的字超過設定的寬度時用......顯示

9.form中的input可以設定readonly和disable,這兩項屬性區別如下     readonly不可編輯,但可以選擇和複製    disable不能編輯複製選擇 

並且也不會被提交到伺服器 

 

 

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。