亚洲精品国偷拍自产在线观看蜜臀,亚洲精品无码av人在线观看国产 ,夜夜添无码试看一区二区三区

文章插圖
元素的顯示與隱藏display — block;(轉(zhuǎn)換為塊元素&& 顯示) none(隱藏 && 不保留原來的位置) — 重要！
visibility — visible(顯示) hidden (隱藏 && 保留原來的位置 )
復習：overflow:hidden; 1.之前解決父子關系垂直嵌套的合并塌陷問題。2.清除浮動overflow — hidden 內(nèi)容超出的部分隱藏(重點的) scroll(強制出現(xiàn)滾動條樣式) auto(根據(jù)內(nèi)容多少來判斷是否出現(xiàn)滾動條 )
精靈技術目的：為了有效地減少服務器接受和發(fā)送請求的次數(shù)，提高頁面的加載速度
實現(xiàn)原理：只請求一張圖 –只是展示不同位置的小圖。
案例使用：
background-image 背景圖片
background-repeat 是否平鋪
background-position 背景定位
小小注意點：
1.精靈技術主要針對背景圖片，插入的img不需要這個技術
2.需要測量每個小背景圖片的大小和位置
3.給盒子指定小的背景圖片時，背景定位基本都是負值
##
字體圖標優(yōu)勢：瀏覽器支持性比較好，靈活性大；體積小，加載速度快，節(jié)省帶寬流量；減輕服務器壓力。
注意：字體圖標是字體不是圖片
使用字體圖標1.把包包里面的font文件夾復制出來一份，放在我們項目根目錄。
2.在html文件標簽里面添加結構
3.在html文件樣式style里面聲明字體：告訴代碼和別人使用我們自己自定義的字體（一定注意路徑問題）
4.給盒子設置字體即可
追加字體圖標原來的不能刪除，繼續(xù)使用，此時我們需要這樣做
把壓縮包里面的selection.json 從新上傳，然后，選中自己想要新的圖標，從新下載壓縮包，替換原來文件夾即可。
重新導入selection.json 生成新的字體包–》追加選擇字體 –》點擊下載 –》把之前項目中fonts刪除–》替換成新的字體包里面的fonts文件夾
css三角形本質(zhì)：還是利用了盒子的邊框
做法：
1.寬高為零
2.四個邊都要的，只保留我們需要的邊框顏色，其他的顏色透明即可。
3.為了照顧兼容問題，設置：line-height:0; font-size:0;
三角形案例：.demo {position: relative;width: 200px;height: 100px;background-color: pink;}i {position: absolute;top: 35px;left: 200px;width: 0;height: 0;border: 15px solid transparent;border-left-color: hotpink;}<div class="demo"><i></i></div>用戶的界面樣式 <ul><li style="cursor:default;">我是默認的小白鼠標樣式</li><li style="cursor:pointer;">我是鼠標小手樣式</li><li style="cursor:move;">我是鼠標移動樣式</li><li style="cursor:text;">我是鼠標文本樣式</li><li style="cursor:not-allowed;">我是鼠標禁止樣式</li></ul>?cursor:pointer;-- 記住！cursor:move;--記?。ursor:not-allowed;--記?。≥喞€outline: 0/ none; —– 去掉輪廓線
防止文本域拖拽resize:none;
vertical-align 垂直對齊方式如果讓單行文本垂直居中 — 使用line-height，如果處理圖片和文本的垂直對齊方式，line-height=高不可以實現(xiàn)！注意：只針對行內(nèi)元素和行內(nèi)塊起作用。通常用于 — 圖片和文本對齊問題和去除圖片底部空白縫隙問題。去除圖片底部空白讓圖片白不要和基線對齊 — vertical-align:top middle bottom轉(zhuǎn)換為塊元素 — display:block;div {border: 2px solid red;}img {/* 這個屬性加給圖片本身，千萬不要加給圖片的父級盒子 */vertical-align: middle;}?<div><img src="https://www.520longzhigu.com/diannao/images/ldh.jpg" ></div>單行文字溢出省略號顯示（背過!）1.必須強制一行顯示 white-space:nowrap;

以上關于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關的問題，請您及時就醫(yī)或請專業(yè)人士給予相關指導!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

將div超出部分省略號 css超出省略號文字顯示