資訊專欄INFORMATION COLUMN
摘要：屬性指定了列與列間的邊框樣式屬性指定了兩列的邊框厚度屬性指定了兩列的邊框顏色屬性是所有屬性的簡寫。屬性指定了列的寬度。多媒體查詢代碼除那些設(shè)備特定的媒體類型代碼
線性漸變
linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)
linear-gradient(指定漸變方向, 顏色的起點，顏色的結(jié)束)
text-overflow:ellipsis; （溢出文本顯示省略號）
overflow:hidden; （溢出內(nèi)容為隱藏）
white-space:nowrap; （強制文本在一行內(nèi)顯示）
@font-face {
font-family : 字體名稱; src : 字體文件在服務(wù)器上的相對或絕對路徑;
}
文字與字體之文本陰影text-shadow: 水平偏移距離 垂直偏移距離 模糊程度 顏色
背景圖片裁剪
background-clip ： border-box | padding-box | content-box | no-clip
background-clip ： 邊框 | 內(nèi)填充 | 內(nèi)容 | 不裁剪
a[屬性^="value"] 以value開頭
a[屬性$="value"] 以value結(jié)尾
a[屬性*="value"] 任意位置
子選擇器 例如#a>p 選擇#a的所有子類(直接子類)
相鄰選擇器 選擇緊接在另一個元素后的元素，有相同的父元素。只選擇第一個相鄰的匹配元素
~ 匹配選擇器 例如#b~p匹配所有在#b元素之后的所有p元素
:root 選擇當(dāng)前匹配元素根元素 :root === html
:not 選擇除某個元素之外的所有元素 input:not([屬性="value"])
:empty 用來選擇沒有任何內(nèi)容的元素
:first-child 選擇父元素的第一個子元素
:last-child 選擇父元素的最后一個子元素
:nth-child(n) 定位某個父元素的一個或多個特定的子元素 ,其中“n”是其參數(shù)，而且可以是整數(shù)值(1,2,3,4)，也可以是表達式(2n+1、-n+5)
:nth-last-child(n) 從某父元素的最后一個子元素開始計算，來選擇特定的元素。
:first-of-type 定位一個父元素下的某個類型的第一個子元素
:nth-of-type(n) 定位于父元素中某種類型的子元素
:last-of-type 選擇是父元素下的某個類型的最后一個子元素
:enabled 對可用狀態(tài)表單元素設(shè)置樣式
:disabled 對不可用狀態(tài)表單元素設(shè)置樣式
:checked 對選中狀態(tài)元素設(shè)置樣式
::selection 突出顯示的文本
:read-only 指定處于只讀狀態(tài)元素的樣式 元素中設(shè)置了“readonly=’readonly’”
:read-write 指定當(dāng)元素處于非只讀狀態(tài)時的樣式。
::before和::after 用來給元素的前面或后面插入內(nèi)容
旋轉(zhuǎn)rote()
扭曲 skew()
縮放 scale()
位移 translate()
transition-property:指定過渡或動態(tài)模擬的CSS屬性
transition-duration:指定完成過渡所需的時間
transition-timing-function:指定過渡函數(shù)
transition-delay:指定開始出現(xiàn)的延遲時間
transition ：簡寫屬性設(shè)置四個過渡屬性
transition(transition-property,transition-duration,transition-timing-function,transition-delay)
transition(css屬性，過渡時間，過渡函數(shù)，延遲時間)
transition(all 0 ease 0)默認
Keyframes：關(guān)鍵幀 @keyframes 動畫名稱{…}
animation-name：動畫名稱
animation-duration: 動畫時間
animation-timing-function：動畫播放方式
animation-delay：定義動畫開始播放時間
animation-iteration-count：設(shè)置動畫播放次數(shù)
animation-direction：動畫播放方向
animation-play-state：播放狀態(tài)
animation-fill-mode：定義在動畫開始之前和結(jié)束之后發(fā)生的操作
column-count：指定了需要分割的列數(shù)。
column-gap 屬性指定了列與列間的間隙。
column-rule-style 屬性指定了列與列間的邊框樣式：
column-rule-width 屬性指定了兩列的邊框厚度:
column-rule-color 屬性指定了兩列的邊框顏色：
column-rule 屬性是 column-rule-* 所有屬性的簡寫。
column-width 屬性指定了列的寬度。
@media not|only mediatype and (expressions) {
CSS 代碼...;
}
@media 除那些設(shè)備|特定的媒體類型 and (expressions) {
CSS 代碼...;
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/113131.html
摘要：也是一款優(yōu)秀的響應(yīng)式框架站點所使用的一套框架為微信服務(wù)量身設(shè)計的一套框架一組很小的，響應(yīng)式的組件，你可以在網(wǎng)頁的項目上到處使用一個可定制的文件，使瀏覽器呈現(xiàn)的所有元素，更一致和符合現(xiàn)代標(biāo)準。 GitHub 值得收藏的前端項目 整理與收集的一些比較優(yōu)秀github項目，方便自己閱讀，順便分享出來，大家一起學(xué)習(xí)，本篇文章會持續(xù)更新，版權(quán)歸原作者所有。歡迎github star與fork 預(yù)...
摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。 特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。 本以為自己收藏的站點多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...
摘要：非常的龐大，而且它是完全為設(shè)計而生的動效庫。它運行于純粹的之上，是目前最強健的動畫資源庫之一?？赡苁莿?chuàng)建滾動特效最好用的工具，它支持大量的瀏覽器，只要它們支持和特性?？梢酝ㄟ^安裝吊炸天了，接近現(xiàn)實生活中的物理運動碰撞慣性動畫庫。 收集日期為2019-02-28，★代表當(dāng)時的該項目在github的star數(shù)量 Animate.css 56401 ★ 一個跨瀏覽器的動效基礎(chǔ)庫，是許多基礎(chǔ)動...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時候，會進行總結(jié)或者分享會議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時候，會進行總結(jié)或者分享會議！那么今天我就...
閱讀 1666·2023-04-26 00:25
閱讀 980·2021-09-27 13:36
閱讀 989·2019-08-30 14:14
閱讀 2240·2019-08-29 17:10
閱讀 1073·2019-08-29 15:09
閱讀 2003·2019-08-28 18:21
閱讀 1034·2019-08-26 13:27
閱讀 1040·2019-08-26 10:58
