国产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
    主站蜘蛛池模板: 91色欧美 | 亚洲第一页中文字幕 | 亚洲色图欧美色 | 亚洲一区二区成人 | 国产精品第一 | 在线视频亚洲 | 国产美女视频黄a视频全免费网站 | 欧美亚洲综合另类 | 日韩视频一区二区三区 | 国产成人精品亚洲一区 | 欧美专区日韩专区 | 日本一二三区高清 | 欧美第一页在线 | 国产欧美精品 | 欧美.亚洲.日本一区二区三区 | 91亚洲欧美综合高清在线 | 亚州第一视频 | 成人精品视频一区二区在线 | 欧美三级经典电影在线观看 | 日韩欧美一区二区三区在线 | 欧美日韩精品一区二区视频在线观看 | 国产精品久久久久一区二区 | 日本丶国产丶欧美色综合 | 91原创在线 | 在线欧美视频免费观看国产 | 国产精品久久久久久久久鸭 | 欧美色图中文字幕 | 国产网站免费观看 | 国产毛片一区二区三区精品 | 欧美日韩另类综合 | 欧美激情亚洲图片 | 欧美日韩国产中文字幕 | 久久精品国产91久久综合麻豆自制 | 亚洲 欧洲 另类 综合 自拍 | 亚洲精品免费观看 | 日韩三级网址 | 久久成人国产精品免费 | 亚洲好骚综合 | 欧美日韩性生活 | 日韩第四页 | 国产欧美一区二区三区视频 |