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

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

HTML5和CSS3扁平化風格博客

表嚴肅 Web前端工程師
難度中級
時長 1小時51分
學習人數
綜合評分9.57
257人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.3 邏輯清晰
  • TWT
    ? 版權 © © background-attachment:fixed; 背景圖固定不動 background-repeat:no repeat; 背景圖不重復顯示 background-size:cover; 把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區域 background-position:center center; background-position:水平位置參數 垂直位置參數
    查看全部
  • TWT
    letter-spacing: 2px
    查看全部
  • TWT
    normalize.css 常規化代碼
    查看全部
  • background:transparent 背景色透明。
    查看全部
  • 當前網頁的所在目錄 選擇相對地址時,對于該目錄的上一層 ../+目標文件夾名 下一層 /+目標文件夾名
    查看全部
  • 清除父元素的浮動類 { content:"";/*偽元素*/ display:block; clear:both; }
    查看全部
  • CSS選擇器 1.通配符選擇器:*{} 指的是頁面中的所有元素都適用的樣式。 2.元素選擇器:最簡單的通過元素選擇,eg:h1。 3.選擇器分組:對不同元素進行統一的樣式處理時用到;nav,ul{};指的是對nav,ul元素進行同步的樣式處理。 4.派生選擇器:同樣的例子如果h1,p1中間的逗號取消就是派生選擇器,nav ul{}則指的是對nav元素中的ul子元素進行樣式設置。 5.后代選擇器:在后代選擇器中,規則左邊的選擇器一端包括兩個或多個用空格分隔的選擇器。選擇器之間的空格是一種結合符(combinator)。每個空格結合符可以解釋為“... 在 ... 找到”、“... 作為 ... 的一部分”、“... 作為 ... 的后代”,但是要求必須從右向左讀選擇器。 6.類選擇器: html中對元素設置了類, eg:<div class="demo"></div> 那么在css中對該div進行定位賦值的時候用到類選擇器 eg: .demo{};表達符就是‘.’。 值得注意的是類選擇器可以和其他選擇器搭配使用 通配選擇器:*.demo指的是頁面中所有demo類。 元素選擇器:p.demo指的p元素中的demo類。 7.ID選擇器 通過#進行定位。 8.屬性選擇器 通過[]進行定位。 eg.<a herf=""></a> 對a標簽中的herf屬性的樣式進行設置時可以通過屬性選擇器 a[herf]{}; 9.子元素選擇器 區別于后代選擇器,不想讓某元素的所有后代元素統一指定為某樣式,則可以通過這樣的樣式 規則如下: div>span 制定div中的span 這樣和div span沒什么卵不同 但假若html中的div設置了類或者id 那效果就不一樣了 <div id="demo"> <span></span> </div> #demo>span 通過配合ID選擇器制定某Id元素中的span元素。 感覺就是選擇器很多~~要想取到某個犄角旮旯里的元素可以搭配使用元素選擇器的。
    查看全部
  • CSS樣式表中對HTML結構中的元素進行定位的方式。 nav ul{} 通過空格對nav父元素中的子元素ul進行定位。 逐層定位是其一,中間用空格分隔開。
    查看全部
  • 提問:搞忘了#和$這個符號的意義 “#”出現在css中是往往是對html文件中的指定id做一個取值. eg: <div id="demo"></div> 那么css中的相應的要設置id為demo的div的樣式時可以通過#來選定該區域。 <css> #demo { background:ccc#; } </css>
    查看全部
  • 塊級元素在瀏覽器中顯示時通常以新行來開始和結束,而內聯元素則不會。 塊級元素有哪些? eg:h1 p table ul 內聯元素:b td a img div 和span div 屬于塊級元素,用于組合其他元素,通常用來做大塊內容的容器。 span 為內聯元素,通常用來做文本的容器。
    查看全部
  • 塊級元素的高度,默認是自動的,如果其中沒有內容,那么Height的屬性值為0 那么其中設置的其他屬性則會失效,如background。
    查看全部
  • 頁面的加載速度取決于頁面的請求數,在對外引用的文件上如CSS,JS等,盡量秉承一個原則:加載的文件數越少越好。 所以能融合成一個文件的就盡量融合成一個文件。
    查看全部
  • 在頁面重構時,可以選擇用CSSreset 也可以使用normalize 通過link連接引用。
    查看全部
  • 頁面重構cssreset代碼可以直接摟到,在CSS注釋代碼中粘貼,因為CSS是逐條編譯,所以用于頁面重構,樣式重寫。
    查看全部
  • 先分析,頁面結構,再考慮樣式,最后考慮JS
    查看全部

舉報

0/150
提交
取消
課程須知
1.您要具備HTML常用標簽的基礎知識。 2.您要具備CSS的語法。 3.您要具備基本布局知識。
老師告訴你能學到什么?
1、CSS的常規布局方法 2、CSS扁平化風格布局方法 3、網頁布局特殊情況處理方式 4、HTML5相關標簽和CSS3效果。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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