Web 9月29日隨筆

2022-08-22 19:42:14 字數 889 閱讀 9708

一.補充小知識點

css可以繼承的樣式有:

font系列,colo,text系列,line-height。

二.white-space(規定段落中的文字換不換行,nowrap不換行)

word-wrap屬性允許長的內容可以自動換行   ,屬性值是break-word;

三.寫三角形(寬高必須是0):

div{

width:0;

height:0;

border-top:5px solid transparent(透明的);

border-right:5px solid transparent(透明的);

border-bottom:5px solid blue;

border-left:5px solid transparent(透明的);

箭頭面向右邊就寫左邊框,面左就寫有邊框。箭頭面向上邊就寫下邊框,箭頭面向下邊就寫上邊框。

四.margin對布局的影響  雙飛翼布局 聖杯布局

雙飛翼布局:中間固定,兩邊auto(自適應);

聖杯布局:兩邊固定,中間auto(自適應);

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

正數:margin:20px;

負數:在static元素中(標準流下)margin-left為負數當前元素向左走 margin-top為負當前元素向上走

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

注意的,margin為負會增大當前元素的寬(前提是當前元素沒有設定width),在ul,li中,設定ul的margin-right:-20px;寬增加20px。

場景:後面兩個元素上不去了,設定ul的margin-right的值為負數。

Web 9月27日隨筆

一.如何實現瀏覽器中title中的小圖示 1.先引入link標籤,link的標籤屬性有 rel type href。2.rel是當前頁面與url 路徑 之間的關係 3.rel後面寫 shortcut icon href後寫名稱,路徑要正確。二.三.專案的完整目錄 1.css資料夾 2.images資...

Web 9月12日筆記

屬性繼承 明明是在父級上設定樣式,結果後代也跟著變化,這就是屬性繼承。瀏覽器預設字型大小是16px 16畫素,谷歌最小字型是10px,其他瀏覽器是12px。auto 自適應,一般做屬性值,可居中 選擇器 萬用字元選擇器 用星號表示 標籤選擇器,class選擇器,id選擇器,後代選擇器,子代選擇器,交...

Web 10月9日隨筆

單位 1.px 就是乙個基本單位 畫素 2.em 也是乙個單位 用父級元素的字型大小乘以 em 前面的數字。如果父級沒有就繼承上乙個父級直到body,如果body沒有那就預設是16px。3.rem 也是乙個單位,只跟根節點的字型大小有關。如果沒有預設就是16px.4.line height 行高 l...