第四周

第四周

第一天:

1.旋轉(zhuǎn)軸:默認(rèn)是中線篮幢,可以通過transform-origin進(jìn)行調(diào)整

2.2d變形詳細(xì)講解:旋轉(zhuǎn)變形transform:rotate(45deg);縮放變形transform:scale(0.1)/scale(1.5)放大數(shù)值大于等于1糯崎,縮小是0到1之間氓扛;

斜切邊形transform:skew(30deg,30deg)

3.多列:設(shè)置頁面布局秩霍,跨幾列先口,設(shè)置列寬向胡。

column-count:4窒典;列數(shù)為4

column-gap:20Px;列間隔

column-rule:1px red solid;列邊框

column-width:auto;默認(rèn)隨列數(shù)調(diào)整寬度

column-span:all;合并標(biāo)題

4.動畫

語法:animation:yundong 2s linear os alternate forwards infinite ;

定義動畫@-webkit-keyframes funding{

0%{}40%{}100%{}

5.講解了旋轉(zhuǎn) 跳跳按鈕 連續(xù)滾動 正方體等動畫特效案例

第二天

講解css3PPT

注意點(diǎn)有

1.漸變:background-image:linear-gradient(top bottom red white)

不是background-color

第三天

接著講解css3PPT

注意點(diǎn)有

1.target目標(biāo)偽類阿趁,與錨點(diǎn)結(jié)合可以實現(xiàn)簡單的js效果膜蛔,突出顯示活動的錨,用于選取當(dāng)前的活動目標(biāo)

2.補(bǔ)充講解偽類:元素狀態(tài)偽類脖阵,結(jié)構(gòu)偽類皂股,否定偽類

3.補(bǔ)充學(xué)習(xí)計數(shù)器的用法

4.自定義字體 font-face的用法

第四天

重點(diǎn):

1.彈性盒子模型

在未知大小容器中,可以控制容器中元素的對齊方式命黔,設(shè)置元素的寬高和排列方式屑墨,排列順序和方向。

注意父元素要設(shè)置聲明

father { display: inline-box;}

box-orient用來確定子元素的方向纷铣。是橫著排還是豎著走≌阶可選的值有:horizontal | vertical | inline-axis | block-axis | inherit其中搜立,inline-axis是默認(rèn)值。且horizontal與inline-axis的表現(xiàn)似乎一致的槐秧,讓子元素橫排啄踊;而vertical與block-axis的表現(xiàn)也是一致的,讓元素縱列

box-direction是用來確定子元素的排列順序刁标,可選值有:normal | reverse | inherit其中normal是默認(rèn)值颠通,表示按照正常順序排列。所謂正常順序膀懈,就是我們看書寫文字的順序顿锰,從左往右,由上至下,先出現(xiàn)的元素硼控,就上面或是左邊刘陶。而reverse表示反轉(zhuǎn),原本從左往右應(yīng)該是1-2-3的牢撼,結(jié)果顯示確實3-2-1匙隔。

box-lines是用來決定子元素是可以換行顯示

box-align與box-pack都是決定盒子內(nèi)部剩余空間怎么使用的。

box-pack決定了父標(biāo)簽水平遺留空間的使用熏版。

2.鏈接外部樣式link和@import的區(qū)別

祖先不同纷责,加載文件格式不同,加載順序不同撼短,加載存在的兼容性問題再膳。

第五天

1.補(bǔ)充分享了微信小程序

2.下午考察博雅界面(不能固定外圍盒子寬度)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市阔加,隨后出現(xiàn)的幾起案子饵史,更是在濱河造成了極大的恐慌,老刑警劉巖胜榔,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胳喷,死亡現(xiàn)場離奇詭異,居然都是意外死亡夭织,警方通過查閱死者的電腦和手機(jī)吭露,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尊惰,“玉大人讲竿,你說我怎么就攤上這事∨牛” “怎么了题禀?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長膀捷。 經(jīng)常有香客問我迈嘹,道長,這世上最難降的妖魔是什么全庸? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任秀仲,我火速辦了婚禮,結(jié)果婚禮上壶笼,老公的妹妹穿的比我還像新娘神僵。我一直安慰自己,他們只是感情好覆劈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布保礼。 她就那樣靜靜地躺著沛励,像睡著了一般。 火紅的嫁衣襯著肌膚如雪氓英。 梳的紋絲不亂的頭發(fā)上侯勉,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機(jī)與錄音铝阐,去河邊找鬼址貌。 笑死,一個胖子當(dāng)著我的面吹牛徘键,可吹牛的內(nèi)容都是我干的练对。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼吹害,長吁一口氣:“原來是場噩夢啊……” “哼螟凭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起它呀,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤螺男,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后纵穿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體下隧,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年谓媒,在試婚紗的時候發(fā)現(xiàn)自己被綠了淆院。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡句惯,死狀恐怖土辩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情抢野,我是刑警寧澤拷淘,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站指孤,受9級特大地震影響辕棚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜邓厕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望扁瓢。 院中可真熱鬧详恼,春花似錦、人聲如沸引几。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至敞掘,卻和暖如春叽掘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背玖雁。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工更扁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人赫冬。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓浓镜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親劲厌。 傳聞我的和親對象是個殘疾皇子膛薛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容