標籤:tab button nim ade iam height charset ica mil
官方文檔:https://semantic-ui.com/introduction/getting-started.htmlsemantic UI:
Semantic
UI是一款語義化設計的前端開源架構
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>first web</title> <link rel="stylesheet" type="text/css" href="css\semantic.css"> <link rel="stylesheet" href="mystyle.css" media="screen" charset="utf-8"> </head> <body> <div class="ui inverted vertical container segment"> <div class="ui image"> <img src="image\banner.jpg" alt="first web" /> </div> </div> <div class="ui vertical segment"> <div class="ui container segment"> <h1 class="ui header">first web</h1> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat </p> <button type="button" name="button"class="ui inverted blue button">read more</button> </div> <div class="ui container segment"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> <div class="ui container segment"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </div> <div class="ui inverted vertical very padded container segment"> <p> © 2015 - 2016 </p> </div> </body></html>
web頁面: 知識清單:inverted:color 反轉顏色 Inverted
按鈕包括背景色可以被設定為暗色背景(幽靈按
Inverted
按鈕可以被設定為暗色背景(幽靈按鈕)
StandardRedOrange黃色OliveGreenTealBlue紫羅蘭色紫色粉色褐色灰色
vertical
1.圓角消失
2.陰影消失
3.每個div間距消失
container(容器) 邊距增加
padded--內距 和邊距保持一定距離
標籤:ui...segment, ui ... header, ui ... image <button...type="button">read more</button>
<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">
來自為知筆記(Wiz)
semantic UI first web