亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

HTML5+CSS3實現春節賀卡(學習筆記)

课程的demo通过 http://imooc.com/activity/project1 查看

CSS的Reset里通常设置根元素的font-size为10px,这样其它元素相对它是…rem,方便计算。10px/640px(一般手机屏幕的宽度)为1.5625vw

绝对定位(absolute),可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上。

绝对定位的元素想要在垂直和水平方向都居中,可以这样设置:
position: absolute; left: 0; top: 0; right: 0; bottom: 0;
margin: auto;
/ 有了这个就自动居中了 /
有点CSS Hack的意思,暂时不知道什么原理。

first-of-type:选择器。匹配属于其父元素的特定类型的首个子元素的每个元素。
nth-child(n):任意第几个子元素。下标从1开始而不是0开始。
html、body都属于块状元素,里面如果没有内容撑开则其高度始终为0,要想让它的高度与浏览器可视区域的高度一样,必须设置height:100%

before 选择器在被选元素的内容前面插入内容。使用 content 属性来指定要插入的内容。

H5为script标签新增属性defer,可以让script虽然在body前面但能最后加载。

點擊查看更多內容
13人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消