css的再深入7(更新中 )

2022-08-26 03:45:11 字數 1796 閱讀 8968

1.transparent  透明的

2.placeholder  提示語

寫頁面搞清結構層次,

保證模組化,讓他們之間不能受到影響

(1) 元素性質

(2) 標準流

浮動帶來的脫離文件流撐不起父級的高度的問題可以採用清除浮動的方式消除影響,absolute和

fixed

帶來的脫離文件流撐不起父級的高度,使用子元素設定高強制撐起父級。

1.css可以繼承的屬性有哪些?

font 系列

text

系列 color line-height

2.border-radius的值的問題

四個值的順序是

左上右上

右下左下。

3.white-space 規定段落中的文字換不換行 往往值是

nowrap

不換行4.word-wrap 屬性允許長的內容可以自動換行  屬性值是

break-word

允許 預設是不允許

5.寫三角形

寬高必須是0  效果如下:

6.margin對布局的影響  

雙飛翼布局

聖杯布局 ()

margin是 外邊距,屬性值是數字 數字又分正負。

正數:margin:

20px

;負數:在static元素中(標準流下)

margin-left

為負數當前元素向左走

margin-top

為負當前元素向上走

margin-bottom為負數後當前元素不動後面的元素向上走,margin-right為負數當前元素不動後面的元素向左走

注意的,margin為負會增大當前元素的寬(前提是當前元素沒有設定

width)場景

給ul乙個

margin-right

就無形之中給

ul加了

20px

寬度。

在float下

margin為負 也是我們常用的雙飛翼,聖杯布局

中間自適應

兩端固定

給元素margin-left為負當前元素向左走,

margin-right

為負後乙個元素向左走會覆蓋當前元素。

在absolute下

margin為負

讓元素居中,前提是知道元素的寬高。

divmargin為負無論在什麼條件下都是釋放自己的空間,如果自己的

margin

不夠,就把自己的寬高貢獻出去。

如:1.正常狀態

2.設margi值時   

7年後再更新部落格

七年時間沒有碰計算機了,這期間自己確實變化了不少,收穫了不少,也付出了不少。七年時間自己從乙個愣頭青小夥子變成了乙個社會人,也從那個邋遢的大學生變成了注重儀表的小夥子 七年時間自己從乙個兒子 男朋友變成了乙個倆娃的爸爸 七年時間自己體會到的辛酸也是很多,有無助,有彷徨,有沮喪。但是七年時間也算是順利...

CSS的再一次深入(更新中 )

全面我們學了6個選擇器,今天再來學習兩個選擇器,分別是萬用字元選擇器和並集選擇器 1.萬用字元選擇器 表示body裡所有的標籤都被選中 2.並集選擇器 選中的標籤之間用逗號隔開,表示這幾個標籤都被選中 選擇器 有好處也有弊端 好處就是省事,弊端,就是因為太省事了,加大了瀏覽器的負荷。解決辦法 按需選...

深入css中的margin

深入css中的margin 第一 margin top css 元素沒有任何定位的情況下,並且元素預設為block html div class outer div class inner div div 效果 原因,div預設的是我們塊級元素,它是獨佔一行的,當margin top的時候,整個行,...