国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

視覺表現理論知識介紹

來源:懂視網 責編:小采 時間:2020-11-27 15:28:28
文檔

視覺表現理論知識介紹

視覺表現理論知識介紹:終于可以知道視覺表現的實現方式,而不是一個一個的具體實現了,突然感到自己能夠把握頁面的整體布局了呢,似乎學到了表現背后的東西?以下是一個突然發現自己見識如此少的女漢子的嘶吼啊啊啊,剛剛注意到width設置的是內容區的寬度,增加 padding 或 ma
推薦度:
導讀視覺表現理論知識介紹:終于可以知道視覺表現的實現方式,而不是一個一個的具體實現了,突然感到自己能夠把握頁面的整體布局了呢,似乎學到了表現背后的東西?以下是一個突然發現自己見識如此少的女漢子的嘶吼啊啊啊,剛剛注意到width設置的是內容區的寬度,增加 padding 或 ma

終于可以知道視覺表現的實現方式,而不是一個一個的具體實現了,突然感到自己能夠把握頁面的整體布局了呢,似乎學到了表現背后的東西?

以下是一個突然發現自己見識如此少的女漢子的嘶吼

啊啊啊,剛剛注意到width設置的是內容區的寬度,增加 padding 或 margin 后會增加總體寬度

啊啊啊啊,今天才知道只有內容區和左右外邊距可以設置為 auto !!!!

1 相關術語

  • 流 : 所有元素都被放置在流中, 頁面在顯示時, 元素一個一個的流到屏幕上, 當然也有脫離流的情況。如果一個元素浮動或定位,那么它就會從流里脫離出來

  • 非替換元素 : 如段落,還是用例子比較好

  • 替換元素 : 如圖片

  • 塊級元素 : 段落、標題、 p 等,流入后會產生一個換行。 使用 display: block; 可以讓元素生成塊級框

  • 行內元素 : strong 、 span 等, 不會換行。 使用 display : inline; 可以讓元素生成一個框

  • 根元素 : html

  • 2 auto

    2.1 橫向:只有內容區 width 以及左右外邊距可以設為 auto

  • 一個 auto : 會占用所有剩余空間

  • 兩個auto : 一般是外邊距,則內容區居中

  • 三個auto : margin 為 0, 內容區會盡量占據到最寬

  • 2.2 縱向 : 只有內容區 height 以及上下外邊距可以設為 auto

  • 正常流中上下外邊距設置為 auto 會自動計算為 0 ,而不是像橫向那樣居中

  • 3 margin

      在 padding 、 margin 、 border 中只有 margin 可以設為負值,而且要注意,margin 設為負值時要滿足 padding + margin + border 的總和為父元素的 width, 這是十分重要的。

      沒錯,這個我之前也不知道....鬼知道為嘛我會漏了這么多重要的知識點沒學....還好現在補起來了,感謝權威指南~~

    4 顯示角色轉換

  • 想要將列表元素作為一個橫條用豎線隔開的導航條

  • display: inline;
  •   再為所有列表元素加上右邊框,第一個列表元素加上左邊框即可

  • 將幾個鏈接放到 p 中,想要布局為垂直邊欄

    display: block;
  •   再增加些樣式即可顯示為漂亮的豎直導航欄

  • 在一行中想要插入一個塊結構

    display: inline-block;
  •   會把外觀類似于一個豎直導航條的東西插到行中,如果沒有設置這個塊的 width ,會自適應為一行

  • run-in

    display: run-in;
  •   當然,使用這個是有限制的,只有其后的一個元素為塊級元素時,才會轉換為那個塊級元素開始處的行內元素。

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    視覺表現理論知識介紹

    視覺表現理論知識介紹:終于可以知道視覺表現的實現方式,而不是一個一個的具體實現了,突然感到自己能夠把握頁面的整體布局了呢,似乎學到了表現背后的東西?以下是一個突然發現自己見識如此少的女漢子的嘶吼啊啊啊,剛剛注意到width設置的是內容區的寬度,增加 padding 或 ma
    推薦度:
    標簽: 表現 知識 視覺
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 97精品在线视频 | 五月婷婷中文字幕 | 美国一级大黄大色毛片视频一 | 欧洲人交xxx69 | 欧美激情伦妇在线观看 | 禽交| 亚洲 欧美 国产另类首页 | 免费黄色在线观看 | 日韩最新视频一区二区三 | 91国内视频 | 欧美一区二区三区精品 | 一区二区在线播放视频 | 欧美性一区二区三区五区 | 欧美日韩亚洲国产一区二区三区 | 91久久精品国产亚洲 | 久久精品国产一区二区三区 | 国产一区二区自拍视频 | 亚洲欧美日韩中文字幕在线 | 国产日韩欧美视频在线 | 久久精品国内一区二区三区 | 免费一看一级毛片全播放 | 精品国产一级在线观看 | 欧美专区第一页 | 国产毛片一区二区三区精品 | 中文字幕一区二区三区久久网站 | 亚洲一二三区在线观看 | 国产免费不卡 | 精品久久久久国产 | 中文字幕一区二区三区久久网站 | 欧美一区二区视频 | www.欧美色图 | 国内精品久久久久久久97牛牛 | 日韩精品欧美高清区 | 欧美资源在线观看 | 99久久国产综合精品麻豆 | 亚洲午夜久久久久久久久电影网 | 亚洲高清在线视频 | 国内精品久久久久 | 91频道| 在线国产毛片 | 亚洲福利视频 |