補充
9.29css
1.css能夠繼承的屬性有哪些?html
Font 系列 text系列 color line-heightcss3
2.border-radius的值的問題web
border-radius:7px 7px 7px 0瀏覽器
四個值的順序是 左上 右上 右下 左下。ide
3.white-space 規定段落中的文本換不換行 每每值是nowrap 不換行oop
4.Word-wrap 屬性容許長的內容能夠自動換行 屬性值是 break-word 容許 默認是不容許佈局
5.寫三角形字體
div{flex
width:0;
height:0;
border-top：5px solid transparent；
border-right：5px solid transparent；
border-bottom;5px solid blue;
border-left：5px solid transparent；
}
6.margin對佈局的影響 雙飛翼佈局 聖盃佈局
雙飛翼佈局：中間固定 兩端auto；
聖盃佈局：中間auto 兩端固定；
Margin是 外邊距，屬性值是數字 數字又分正負。
正數：margin：20px；
負數：在static元素中（標準流下）margin-left爲負數當前元素向左走 margin-top爲負當前元素向上走
Margin-bottom爲負數後當前元素不動後面的元素向上走，margin-right爲負數當前元素不動後面的元素向左走
注意的，margin爲負會增大當前元素的寬（前提是當前元素沒有設置width）
在float下
Margin爲負 也是咱們經常使用的雙飛翼，聖盃佈局
中間自適應 兩端固定
給元素margin-left爲負當前元素向左走，margin-right爲負後一個元素向左走會覆蓋當前元素。
在absolute下
Margin爲負
讓元素居中，前提是知道元素的寬高。
div{
Position：absolute；
Left：50%；
Top：50%；
Margin-left:-width/2;
Margin-top:-height/2
}
Margin爲負不管在什麼條件下都是釋放本身的空間，若是本身的margin不夠，就把本身的寬高貢獻出去。
10.8
- 去滾動條的屬性 overflow:hidden;
overflow-x:hidden; 水平超出的隱藏。
2.z-index 層次疊加 元素重疊 誰的值大誰在上面
(1) 父級出現position:relative；時候z-index失效
(2) 層疊元素出現float的時候會失效
(3) 層疊元素也得設置position:absolute/fixed.
3.background-position:100px 300px;
Background-position:0% 50%; 50% 0;
Background-position:center center;
4.absolute 絕對定位
使用這個屬性以後，這個元素不會佔位了，脫離標準文檔流，同時元素自己也變成了行級塊元素。每每須要設置width爲100%;
5.marquee 滾動標籤
他身上所具備的功能有標籤屬性決定。
Direction 決定滾動方向 值是left right up down默認爲left
Behavior 決定滾動的方式 scroll連續滾 slide 滾動一次 alternate 來回滾動
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 是彈性子元素在彈性容器中所佔的份數。屬性值是數字
6.表格佈局
7.box-sizing：border-box；這個屬性 讓元素的實際寬度就等於設置width，即使有了padding和border只會向內擠壓，元素的可利用空間變小。
- 1. 補充
- 2. springboot rabbitmq 補充
- 3. MemoryAnalyzer補充
- 4. channel補充
- 5. 補充內容
- 6. vue補充
- 7. ajax補充FormData
- 8. 補充筆記
- 9. 索引補充
- 10. ios-Category補充
- 更多相關文章...
- • XML Schema complexContent 元素 - XML Schema 教程
- • HTTP 請求方法 - HTTP 教程
- • 再有人問你分佈式事務，把這篇扔給他
- • ☆基於Java Instrument的Agent實現
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 補充
- 2. springboot rabbitmq 補充
- 3. MemoryAnalyzer補充
- 4. channel補充
- 5. 補充內容
- 6. vue補充
- 7. ajax補充FormData
- 8. 補充筆記
- 9. 索引補充
- 10. ios-Category補充