摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個屬性可以向服務器發(fā)送請求,宋體。宋體類型,客戶端和服務器之間的暗號,根據(jù)拓展名而定。注內(nèi)容包含圖片和文字
我們的html和css中有三個屬性可以向服務器發(fā)送請求,src href url。
(1)?值hidden 超出就隱藏
(2)?值scroll ?出現(xiàn)滾動條
visibility:hidden; ?可見的 (消失但是占用位置)
display:none;消失但不占用位置
為什么使用雪碧圖?
因為我們使用雪碧圖之后,本來需要多次請求的圖片,我們一次就請求過來了,然后使用background-position調(diào)位置,從而減少了該頁面向服務器請求的次數(shù),間接的優(yōu)化了該頁面的性能。
1.如何實現(xiàn)瀏覽器title中的小圖標
我們需要借鑒link標簽
link標簽的標簽屬性有哪些? rel type href
rel 是當前頁面和url之間的關(guān)系 ?rel=”stylesheet”?
type 是資源文件的mime類型 ?.html文件mime類型是text/html 圖片的mime類型
image/jpg(png/gif) ?css的mime類型是text/css js的mime類型是text/javascript。
mime類型,客戶端和服務器之間的暗號,根據(jù)拓展名而定。
title中的小圖標就出來了,href這里不能寫成 ./?
?
2.meta 元信息標簽
?
分析里面的屬性
3.矢量圖標 http://www.iconfont.cn/
阿里云矢量圖庫。
轉(zhuǎn)義字符
空格的字符?
4.項目的完整目錄
?
5.? textarea{
resize:?none;
}
這個屬性不讓文本域被人為拉伸
6.table{
?border-collapse:?collapse;
}
這個屬性讓表格的邊框變細
?7.font的簡寫
8.清除浮動的兼容性
?
清除浮動在低版本瀏覽器不行,需要處理兼容性:
加一個.clearfix{*zoom:1;}
9.cursor 光標屬性值有
pointer 抓手 指針 wait help
10. rgb()顏色的表示方法值是0-255如background:rgb(12,15,16);
opacity表示透明度 值是0-1;
rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1;
但是ie低版本不支持
rgb和opacity ?與rgba的區(qū)別?
前者的內(nèi)容也跟著透明,后者的內(nèi)容不跟著透明。(注:內(nèi)容包含圖片和文字)
?
?
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/1712.html
全面我們學了6個選擇器,今天再來學習兩個選擇器,分別是通配符選擇器和并集選擇器: 1.通配符選擇器: *{ } 表示body里所有的標簽都被選中 2.并集選擇器: 選中的標簽之間用逗號隔開,表示這幾個標簽都被選中 *選擇器 有好處也有弊端 好處 就是省事,弊端,就是因為太省事了,加大了瀏覽器的負荷。 解決辦法 ?按需選擇。 再來學習幾個列表標簽 1.無序列表? ul ? (1)內(nèi)部必須有子標...
摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時1.transparent 透明的 2.placeholder 提示語 寫頁面 搞清結(jié)構(gòu)層次, 保證模塊化,讓他們之間不能受到影響 (1)元素性質(zhì) (2)標準流 浮動帶來的脫離文檔流撐不起父級的高度...
摘要:宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的,這個差距是由瀏覽器自身的內(nèi)核決定的。宋體每個瀏覽器都有自己的前綴,主要解決宋體中的兼容問題。宋體是彈性子元素在彈性容器中所占的份數(shù)。一 單位 1.px 就是一個基本的單位 像素 2.em 也是一個單位 用父級元素的字體大小乘以em前面的數(shù)字。如果父級沒有就繼承上一個父級直到body,如果body沒有那就默認是16px。 3.rem 也是一個單位,...
摘要:宋體去滾動條的屬性宋體水平超出的隱藏。往往需要設(shè)置宋體為宋體滾動標簽他身上所具有的功能有標簽屬性決定。1.去滾動條的屬性 overflow:hidden; overflow-x:hidden; 水平超出的隱藏。 2.z-index 層次疊加 元素重疊 誰的值大誰在上面 (1)?父級出現(xiàn)position:relative;時候z-index失效 (2)?層疊元素出現(xiàn)float的時候...
摘要:層疊行選不中的情況下,走繼承性。繼承性的權(quán)重為。選中情況下,首先需要考慮權(quán)重的問題,誰的權(quán)重大,就選誰的樣式屬性。如果權(quán)重相同,因為后者會覆蓋前者,所以誰的樣式屬性在后面,就選擇誰的樣式屬性。在上一章中,我們又引出了一個知識點: margin的問題 margin:0 auto;(上下為0,左右自適應)會解決元素的居中問題(auto 自適應)前提是給這個元素設(shè)置width 同時,我們又要學習新...
閱讀 1148·2021-11-24 10:43
閱讀 3102·2021-11-22 09:34
閱讀 3549·2021-10-08 10:04
閱讀 3932·2021-09-23 11:58
閱讀 3115·2019-08-30 15:44
閱讀 484·2019-08-30 13:01
閱讀 1155·2019-08-28 18:07
閱讀 1448·2019-08-26 13:42