佈局

時間 2019-11-17

標籤佈局简体版

原文原文鏈接

去滾動條的屬性 overflow:hidden;

overflow-x:hidden; 水平超出的隱藏。css

z-index 層次疊加元素重疊誰的值大誰在上面

(1) 父級出現position:relative；時候z-index失效html

(2) 層疊元素出現float的時候會失效css3

(3) 層疊元素也得設置position:absolute/fixed.web

background-position:100px 300px;

Background-position:0% 50%; 50% 0;瀏覽器

Background-position:center center;ide

absolute 絕對定位

使用這個屬性以後，這個元素不會佔位了，脫離標準文檔流，同時元素自己也變成了行級塊元素。每每須要設置width爲100%;oop

marquee 滾動標籤

他身上所具備的功能有標籤屬性決定。佈局

Direction 決定滾動方向默認是left right up down字體

Behavior 決定滾動的方式 scroll連續滾 slide 滾動一次 alternate 來回滾動flex

Loop 循環的次數默認是無數次

Scrollamount 運動速度默認是6

Scrolldelay 表示停頓的時間單位是毫秒 1秒=1000毫秒

Aligin 元素的垂直對齊方式 top middle bottom

Width height 表示區域的大小

Hspace vspace 表示元素在區域邊界的水平距離和垂直距離

10.9

一單位

1.px 就是一個基本的單位像素

2.em 也是一個單位用父級元素的字體大小乘以em前面的數字。若是父級沒有就繼承上一個父級直到body，若是body沒有那就默認是16px。

3.rem 也是一個單位，只跟根節點<html>的字體大小有關，若是沒有默認是16px。

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

二瀏覽器

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

每一個瀏覽器都有本身的前綴，主要解決css3中的兼容問題。

Chrome(谷歌) 的前綴 -webkit-

Firefox(火狐) 的前綴 -moz-

Ie 的前綴 -ms-

Opera(歐朋) 的前綴 -o-

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

三佈局

流式佈局 float+margin
定位
雙飛翼
聖盃
彈性盒子佈局移動端佈局

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

Display:flex;這個屬性決定誰是彈性容器，他裏面的子元素就是彈性子元素。

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

表格佈局

7.box-sizing：border-box；這個屬性讓元素的實際寬度就等於設置width，即使有了padding和border只會向內擠壓，元素的可利用空間變小。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。