在做專案中學到一些CSS知識

2021-06-12 22:16:17 字數 2410 閱讀 6717

都是很實用的

a標籤 去掉 下劃線text-decoration:none;

background屬性 我想絕大部分元素都有這個屬性

還有 background-image屬性

還有background-color屬性這幾個屬性到底有什麼區別呢,我總結一下

我覺得 background包括 background-image屬性和background-color屬性

比如說background:url('images/you.png') no-repeat #f4f3f3 scroll 16px 12px ;

這句話的意思是background-image是url('images/you.png')不平鋪 背景的衛士是在x軸16px平移 y軸平移 12px

background-color是#f4f3f3

css的優先順序,解決樣式的覆蓋

優先順序最高的就是 你直接在style裡面加上樣式,那麼這樣優先級別是最高的

其次就是id選擇器是第二

其次就是類選擇器 加上的樣式,

再其次就是型別選擇器加上的樣式

如果 你的div1沒有 border-top:none的話 那麼你在這個div裡面的div2如果用了margin-top話時 top相對的是不是你div1

而是div1上面的這個元素

解決這個方法用的就是 不能用margin 用padding

總結 如果沒有邊框 那麼就不能用margin

到今天我對css幾個比較那一理解的觀點我總結一下

乙個是float屬性,乙個是position屬性float顧名思義,就是浮起來的意思,div是塊級元素,所以就是站了一行,如果你想要一行顯示2個div那麼

就得用float,

positiion屬性我們最常用的就是absolute和relative屬性,乙個絕對 乙個相對

絕對 一句話概括就是 如果position屬性加了relative 那麼再制定 top和left那麼就是相對於沒加position屬性的的位子 偏移top和left

如果給乙個 元素加了絕對定位,那麼他就會根據 父親元素中有 position屬性的那個元素進行定位,如果父親元素中沒有乙個的話,那麼就會 body定位

如果你為乙個元素加上padding的時候,left和right,那你你就看這個是那個元素,如果是block元素,有定義width的情況下 再加padding-left和padding-right,那麼

元素真正的width就是在 原來的width基礎上再加上padding的值,

什麼叫block元素呢,簡單的說,就是block元素裡面能容納其他元素  比如我們最常用的div就是

如果你在開發jsp的時候乙個元素結束標誌與另乙個元素的開始標誌,之間有換行了,那麼再頁面中預設 就會有乙個空格,ie是沒有的firefox是有的

如果 你前面的div是設定了float這麼說 你這個div下面要用到margin  那麼對的不是前面那個浮起來的div,要加clear屬性,both

ul有自帶的margin屬性,firef是不能去掉這個margin 而ie是可以去掉預設的margin屬性的

一人說 為了相容個瀏覽器的用padding和margin的效果  left和top最用用padding  right和bottom用 margin

我在乙個td裡面套了乙個table,結果 ff顯示很正常,可是ie6就坑爹了,差乙個什麼屬性嗎,整了我半天,就是table-layout: fixed;

搞了大半個月的前台,想說ie啊超出1px和ff超出1px,就是不一樣,乙個智慧型,乙個死板,可能ie這樣少了很多的核心判斷**,難道開啟網頁的速度很快了嗎

本人電腦裝了3個瀏覽器 乙個ie乙個chrome乙個ff,不能不測chrome,這個瀏覽器使用使用者越來越多了

今天碰到個問題和大家分享一下我在乙個td裡面套了乙個div,不是td可以自動換行包括自己給自己增加高度的

可是如果 你輸入顯示的內容是中文,那會自動換行,如果顯示的是 ************************這樣連著的英文本母,就不了

就是缺乙個屬性word-wrap:break-word; 意思就是到達容器的邊界自動換行

原來在ie6裡面 div設定了高度,border是不算在這個高度裡面的,比如說給乙個div設定height:32px那麼實際占用高度是34

而在ff裡面就實際占用高度也是32

如果乙個div1裡面有2個div11和div12 這2個div都浮起來了,那麼div1下面有乙個div2,div2設定了clear:both 然後div2裡面又有div21和div22,這2個div也是浮起來的

div2後面的元素也clear:both了

那麼div11和div12是在同乙個層,跟div1裡面沒有浮起來的也是在同乙個層,div21和div22和div2裡面的沒有浮起來的元素也在同乙個層

div11和div22不在同乙個層,不在同乙個從層就不能用margin 和padding

自己在做專案過程中學到的PHP知識收集

1 在sql語句中可通過新增限制條件 left text,20 只取text文字的前20個字 2 可以用limit fromrecord,recordnum 來作為分頁使用,比如limit 0,30表示從第乙個記錄開始遍歷30個紀錄 3 兩個表的連線可以是 table1 join table2 us...

自己在做專案過程中學到的PHP知識收集

1 在sql語句中可通過新增限制條件 left text,20 只取text文字的前20個字 2 可以用limit fromrecord,recordnum 來作為分頁使用,比如limit 0,30表示從第乙個記錄開始遍歷30個紀錄 3 兩個表的連線可以是 table1 join table2 us...

學習Jquery中學到的一些知識點

剛看了 鋒利的jquery 的書,學到了jquery是如何操作伺服器端返回的各種文件的,其中包括xml文件。其實jquery提供了強大的dom操作的能力,所以jquery操作xml文件就如同操作html文件一樣。現在記錄幾個jquery操作dom的方法 1 attr name 取得第乙個匹配元素的屬...