Css可以用于開發iOS應用,一些簡單的樣式可以通過CSS來實現。下面將介紹一些CSS的技巧。
body { font-size: 16px; color: #333; background-color: #f0f0f0; margin: 0; padding: 0; }
CSS可以設置背景顏色、字體大小、字體顏色等基本樣式,這些樣式可以改變應用的外觀。在上面的代碼中,設置了body元素的樣式,將字體大小設置為16px,背景顏色設置為#f0f0f0,字體顏色設置為#333,同時將頁面的margin和padding都設置為0,保證頁面從頭到尾都是一整塊。
button { background-color: #3C3C3C; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; }
應用程序中的按鈕是非常重要的控件,CSS可以用來設置按鈕的外觀。上面的代碼展示了如何設置一個按鈕的樣式,將按鈕的背景顏色設為#3C3C3C,字體顏色設為#fff,去掉了按鈕的邊框,設置了按鈕的圓角,同時設置按鈕內文字的上下左右的padding為10px和20px。
.container { display: flex; justify-content: center; align-items: center; height: 100vh; }
flex布局是一種非常強大的布局方式,可以用來快速實現水平和垂直居中。上面的代碼展示了如何使用flex布局,將一個容器的display設置為flex,然后使用justify-content和align-items屬性設置這個容器的子元素在水平和垂直方向上都居中。最后將這個容器的高度設置為100vh,讓它占用整個屏幕。
上一篇css開關門一個不動
下一篇css開啟定位