CSS選擇器 標籤,div的位置。

2022-09-06 04:12:08 字數 1098 閱讀 3428

今天是休假,布置了乙個作業,是利用css製作史丹福大學官網。雖然是乙個並不複雜的製作,卻讓我第一次體會到了想摔滑鼠的感覺。 遇到了很多問題,卻找不出自己到底是**出了問題,簡簡單單的乙個logo。足足多了快兩天了,都沒有按照自己理想的情況完成,不著圖示位置出了問題,就是放不到該放的位置。

乙個放在另個

內,表現的樣式應該是乙個圖層在另乙個圖層內部,但是實際動手操作,卻不是這樣,而是硬生生把另乙個div擠到另一行。

按理說web和peopl應該在logo右邊,而輸入文字框在web和people的右邊,結果卻成了這樣。(輸入文字框實際也在外面,是通過「設計」用滑鼠硬生生拖上來的)。

而下面的導航贏還是橫向由左到右一次排列,加入   float:left便可,但是加入後,卻還是縱列排序,住不過跑到了螢幕右邊。

另外就是css選擇器(.  #    *),雖然是乙個很簡單的東西,卻因為在乙個

內,有id,有name,有class,標籤多,且取名雜亂,稍不注意,選擇器便會出現問題,又會導致問題出現,在瀏覽器中瀏覽時,不會出現預想的效果。另外,對於這三種選擇器的使用,還是迷迷糊糊,在何時應該定義成什麼,而什麼時候有應該用什麼選擇器,雖然沒有硬性規定,卻感覺麻煩複雜非常!!!

另外三種樣式表(內聯樣式表、內嵌樣式表、外部樣式表),雖然明白其優先性的問題,卻依然不知道在實際中該如何運用,什麼時候該用哪乙個。雖然感覺內嵌樣式表使用比較多,卻又感覺這個樣式表出錯率比較多,因為需要通過選擇器與他相定位、相關聯。出了問題後,只要標籤一多,查詢起問題便是乙個大工程。

主要問題就是div的布局。其相關位置,絕對位置,在實際動手中,總是出錯,與原本的理解不一樣。另外一整個螢幕作為底板的布局中,div的位置放置,和多層div的重疊分布,是乙個重點不理解的的地方。雖然感覺在課上聽起來還算明白,但是實際動手操作總是差強人意。如開頭所說,乙個div在另乙個裡面,只需要再此div內部加div便可,卻不知道因為什麼原因,總是覆蓋不上。上下左右的排列也總是對其不了。對div寬和高的設訂於相對、絕對未知的設訂搞不明白。

希望可以在這些點上多下功夫,要以最快的時間搞清楚。馬上要開始js語言的學習,不然就要拉下。可不能越拉越多!

CSS標籤選擇器

1.什麼是標籤選擇器?作用 根據指定的標籤名,在當前介面中找到所有該名稱的標籤,然後設定屬性。格式 標籤名 屬性 值 注意點 1.標籤選擇器選定的是當前介面中所有該名稱的標籤,而不能單獨選定某一標籤 2.標籤選擇器無論標籤藏得多深都能找到 3.只要是html中的標籤都可以作為標籤選擇器。2.id選擇...

css外觀 div背景 選擇器

設定邊框厚度為1px 實線 border 1px solid 設定p標籤的高度 height 100px 如果行高和高度一致,則文字垂直居中 line height 100px 文字修飾 下劃線 text decoration underline 刪除線 text decoration line t...

CSS的標籤選擇器的介紹

在css的span div p span div 我是div上面的span 我是div裡面的第乙個span 我是div裡面的第乙個p 我是div裡面第乙個p裡面的第乙個span 我是div裡面的第二個span 我是div下面的第乙個span 我是div下面的第二個span span 我只有屬性名 我...