單位瀏覽器

2022-08-22 19:33:10 字數 755 閱讀 7031

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

2.em 是乙個單位·用父級元素的字型大小乘以em前面的數字。如果父級沒有就繼承乙個父級

直到body,如果body沒有那麼就預設為16px

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

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

二 瀏覽器

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

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

chrome· 的字首·-webkit-

firefox(火狐)的字首 -moz-

le·的字首·-ms-

opera(歐朋)字首-o-

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

三  布局

1.流式布局····float+margin

2.定位

3.雙飛翼

4.聖杯

5.彈性盒子布局· 移動端布局

全稱叫彈性和模型:是由父級的彈性容器和子級的彈性子元素倆構成

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

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

6.**布局

7.boxsizing:border-box  這個屬性讓元素的實際寬高就等於設定的width,即便有了padding和

border會向內擠壓,元素的可利用空間變小。

瀏覽器 瀏覽器高效搜尋

一 常見場景 以場景的形式來說明 1 場景1 網路上查詢一本書的 指定文件型別 如pdf 如 搜尋關鍵字 c primer plus 的 pdf 版本 輸入 格式 關鍵字 空格 filetype pdf 例項 c primer plus中文版 filetype pdf關鍵字 filetype 2 場...

常見瀏覽器 瀏覽器核心

常見瀏覽器介紹 瀏覽器是網頁執行的平台,常用的瀏覽器有ie 火狐 firefox 谷歌 chrome safari和opera等。我們平時稱為五大瀏覽器。瀏覽器核心 理解 瀏覽器核心又可以分成兩部分 渲染引擎 layout engineer 或者 rendering engine 和 js 引擎。渲...

根據瀏覽器視窗大小的自適應 單位

小白心得 今天在做頁面的時候發現當我把瀏覽器視窗縮小的時候,裡面的控制項溢位我想要的邊界了,然後我到之前在網上看 到的所謂 自適應 這個詞語,我查了一下這個 自適應布局 它又叫做響應式布局,主要是針對頁面在不同的裝置 不同的螢幕大小不同的解析度下對頁面布局的自動適應,其實在我的理解裡就是傳說中的等比...