樣式表CSS布局經驗

2021-04-17 07:06:02 字數 899 閱讀 2838

隨著時間的積累這裡的內容會有增加或者修改,希望下面的東西對後來的標準學習者會有些幫助,或者毫無用處.

主要的內容是在ie和mozilla之間的差異和容易忽視的細節,一些經典應用的最佳實現方法,應該避免違犯的錯誤.

由於是自己平時經驗的積累,難免會出現一些錯誤的解釋,如有幸被高人看到,請務必指出,先謝過了.

ul 標籤在mozilla中預設是有padding值的,而在ie中只有margin有值.

同乙個的class選擇符可以在乙個文件中重複出現,而id選擇符卻只能出現一次;對乙個標籤同時使用class和id進行css定義,如果定義有重複,id選擇符做的定義有效.

乙個相容性調整(ie和mozilla)的笨辦法:

初學可能會碰到這樣乙個情況:同樣乙個標籤的屬性在ie設定成a顯示是正常的,而在mozilla裡必須要設成b才能正常顯示,或者兩個倒過來.

臨時解決方法:

選擇符

如果一組要巢狀的標籤之間需要些間距的話,那就留給位於裡面的標籤的margin屬性吧,而不要去定義位於外面的標籤的padding

li 標籤前面的圖示推薦使用background-image 而不是list-style-image

ie分不清繼承關係和父子關係的差別,全部都是繼承關係.

在給你的標籤瘋狂加選擇符的時候,別忘了在css裡給選擇符加上注釋. 等你以後修改你的css的時候就知道為什麼要這麼做了.

如果你給乙個標籤設定了乙個深色調的背景和亮色調的文字效果.建議這個時候給你的標籤再設定乙個深色調的背景顏色.

定義鏈結的四種狀態要注意先後順序: link visited hover active

與內容無關的請使用background

定義顏色可以縮寫#8899ff = #89f

table 在某些方面比其它標籤表現的要好的多.請在需要列對齊的地方用它

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS樣式表與格式布局詳解

樣式表 css cascading style sheets 層疊樣式表 作用是美化html網頁。內聯樣dobbs式表 例 內聯樣式表 內嵌樣式表 必須寫在head標籤裡 n 例 hei 外部樣式表 新建乙個css檔案用來放置樣式表 在html中 右鍵 css樣式 附加樣式表 例 復合選擇器 1 p...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...