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...