小問題整理

2021-10-10 13:42:59 字數 2010 閱讀 7340

box-shadow(陰影效果)

border-color(為邊框設定多種顏色)

border-image(邊框)

text-shadow(文字陰影)

text-overflow(文字截斷)

word-wrap(自動換行)

border-radius(圓角邊框

opacity(透明度)

box-sizing(控制盒模型的組成模式)

resize(元素縮放)

outline(外邊框)

background-size(指定背景尺寸)

background-origin(指定背景從**開始顯示)

background-clip(指定背景從什麼位置開始裁剪)

background(為乙個元素指定多個背景)

hsl(通過色調、飽和度、亮度來指定顏色顏色值)

hsla(在hsl的基礎上增加透明度設定

rgba(基於rgb設定顏色,a設定透明度)

1.從屬關係區別

@import是 css 提供的語法規則,只有匯入樣式表的作用;link是html提供的標籤,不僅可以載入 css 檔案,還可以定義 rss、rel 連線屬性等。

2.載入順序區別

載入頁面時,link標籤引入的 css 被同時載入;@import引入的 css 將在頁面載入完畢後被載入。

3.相容性區別

@import是 css2.1 才有的語法,故只可在 ie5+ 才能識別;link標籤作為 html 元素,不存在相容性問題。

4.dom可控性區別

可以通過 js 操作 dom ,插入link標籤來改變樣式;由於 dom 方法是基於文件的,無法使用@import的方式插入樣式。

5.權重區別(該項有爭議,下文將詳解)

link引入的樣式權重大於@import引入的樣式。

源自:*元素外觀發生變化,不影響整體html布局,重新把元素繪製的過程

影響操作

.改變元素的顏色相關屬性;

.visiblity,outline等等。。。

*元素的位置,大小等變化,變影響了整體html布局,重新排列的過程,也就重排

影響的操作

.dom的增刪操作;

.元素的位置改變,大小改變,margin,padding,border等;

.元素的字型大小font-size等屬性改變;

.瀏覽器視窗的改變會觸發resize事件;

.啟用css偽類,:hover屬性等等;

.查詢一些屬性也會導致,

offsettop、offsetleft、 offsetwidth、offsetheight、

scrolltop、scrollleft、scrollwidth、scrollheight、

clienttop、clientleft、clientwidth、clientheight;

scrollintoview()scrollintoviewifneeded()

getcomputedstyle()

getboundingclientrect()

scorllto()

*部分源於網路學習總結,有需要的朋友自取,筆試題小選擇題會偶爾出現

各種小問題整理

1 恢復資料問題 2 許可權不足原因 每月月初建立3張關於計費的 tbl bill 2012 04,tbl users 2012 04,tbl usersinfo 2012 04,使用者上下線是就會插入tbl bill 2012 04一條資料,歸檔程式pkg 程式名字不太清楚是哪個 會讀取tbl b...

SQL常遇到的小問題整理

2015.10.30 今天寫了個統計男女比例的sql select sum case when p.psrd gender m then 1 else 0 end as male,sum case when p.psrd gender f then 1 else 0 end as female fr...

關於極光推送遇到的小問題整理

1.ios端收不到訊息 極光推送分開發環境和生產環境,注意這裡的開發和生產和我們自己的開發,測試,生產環境不一致。我們的開發測試生產可能用的都是極光的生產環境 前後端一定要對清楚,不然會費很多時間定位問題 這裡的apnsproduction 設定為true 為生產環境 payload pushpay...