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