Web 10月9日隨筆

2022-08-22 19:45:08 字數 750 閱讀 2173

—.單位

1.px 就是乙個基本單位   畫素

2.em   也是乙個單位   用父級元素的字型大小乘以  em 前面的數字。如果父級沒有就繼承上乙個父級直到body,如果body沒有那就預設是16px。

3.rem 也是乙個單位,只跟根節點的字型大小有關。如果沒有預設就是16px.。

4.line-height 行高 line-height:2; 行高值 是當前數字2乘以元素字型大小。

二 瀏覽器

瀏覽器和瀏覽器之間是由差距的,這個差距是由瀏覽器自身的核心決定的。

每個瀏覽器都有自己的字首,主要解決css3中的相容問題。

chrome(谷歌) 的字首 -webkit-

firefox(火狐)  的字首 -moz-

ie 的字首  -ms-

opera(歐朋)  的字首  -o-

國內的瀏覽器的核心是谷歌。

三 布局

流式布局  float+margin

定位雙飛翼

聖杯彈性盒子布局 移動端布局

全稱叫彈性和模型:是由父級的彈性容器和子級的彈性子元素兩者構造。

display:flex;這個屬性決定誰是彈性容器,他裡面的子元素就是彈性子元素。

flex 是彈性子元素在彈性容器中所佔的份數。屬性值是數字

**布局

box-sizing:border-box;這個屬性 讓元素的實際寬度就等於設定width,即便有了padding和border只會向內擠壓,元素的可利用空間變小。

Web 9月27日隨筆

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

Web 9月29日隨筆

一.補充小知識點 css可以繼承的樣式有 font系列,colo,text系列,line height。二.white space 規定段落中的文字換不換行,nowrap不換行 word wrap屬性允許長的內容可以自動換行 屬性值是break word 三.寫三角形 寬高必須是0 div widt...

失業日記 10月9日

10月9日 晴 周五 今天又五點多自然醒了,不過今天我乾脆用手機看最近比較火的電視劇集 隱秘的真相 看了第一集,我又睡著了。今天是我給amiee做的帶學校的早餐,煎的蛋餅,7點30分左右照例送她上學。送完amiee到學校後,開始學習,繼續昨天的 資料結構和演算法分析 自己手寫了兩個數學歸納法證明例題...