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

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

HTML5和CSS3扁平化風格博客

表嚴肅 Web前端工程師
難度中級
時長 1小時51分
學習人數
綜合評分9.57
257人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.3 邏輯清晰
聲音最好聽,英文發音最好!么么
這是自己跟著老師做的,后期加了一點自己的修改,還在完善中,小伙伴們可以借鑒一下(有時間的話給個星,謝謝)!
https://github.com/hao-have-no/MyBlog
關于奇偶變色的問題
.gray-section:nth-child(odd) {
background-color: rgba(0,0,0,0.7)
}
我把article-preview改成gray-section然后蒙版顏色改成(0,0,0,0.7)就可以了大家可以試一下
給老師打call,講課有條理,有粗有戲,讓人很容易get到重點,良心老師
從老師這里學習結構觀,挺好,比那些一上來就講細節的老師好多了
為什么要用first-child而不是nth-child(1)?后者不是更合適父元素下都是相同元素的嗎?
.text-section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
padding: 40px;
}
好像可以用這種方法解決X軸滾動條……
.text-section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
padding: 40px;
}
好像可以用這種方法解決X軸滾動條……
應該是text-section > *{position:relative;left:40px;}這樣就不會出現左右滾動條,出現空白區域了
我是拿掉color就ok了

.article-preview:nth-child(odd){

background:rgba(102, 102, 102, 0.1);

}
老師啊。IE瀏覽器向右浮動整體標簽都會向右浮動,對于logo的標簽即使加入left浮動也不生效啊。
https://necolas.github.io/normalize.css/3.0.2/normalize.css
這毫無征兆的視頻就放完了。。。
課程須知
1.您要具備HTML常用標簽的基礎知識。 2.您要具備CSS的語法。 3.您要具備基本布局知識。
老師告訴你能學到什么?
1、CSS的常規布局方法 2、CSS扁平化風格布局方法 3、網頁布局特殊情況處理方式 4、HTML5相關標簽和CSS3效果。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消