關於css元素的布局 設計乙個登陸介面

2021-08-27 21:18:23 字數 534 閱讀 8690

.content

.content h1

.content form

.content form input

.one

.content form button

.content form input:hover

首先先定義乙個大的主容器content的樣式,然後在定義下面的元素,首先,在content下面定義了乙個form,再在form下面定義其他的input樣式以及button樣式,因為輸入賬號密碼框是上下相對的,我直接採用預設在div下面直接寫,而兩個button按鈕是乙個在左乙個在右的,所以我採用了**的樣式,把他們兩個設定在了同一行,兩個button距離100px,此時,第乙個button會離邊框也是100px,所以我又定義了乙個塊級元素div,它的樣式是one,離邊框500px。

關於乙個profiler工具的設計

我目前想對之前寫的乙個profiler工具進行重構,和大家 一下我設想的一些思路。首先,在設計中包含乙個重要的概念 軌跡。1 軌跡的定義 在系統中,任何程式的執行都有可能留下軌跡 資料庫的呼叫會留下sql軌跡,事務的軌跡,http請求會留下訪問的軌跡,程式的方法執行也可以留下軌跡 2 軌跡的管理 軌...

css布局中關於 塊狀元素和行內元素的區分

2015 03 14 21 43 11 閱讀 0 收藏 0 點我收藏 標籤 這兩天在準備實習的面試和筆試,準備複習一下這些基礎的概念,避免自己處於一種僅腦袋理解嘴巴不能表述出來的狀態。塊狀元素和行內元素的概念是在css頁面布局這個地方出現。主要是將html標籤按照一定的特性分成2類 塊狀元素和行內元...

巧用css去除第乙個元素或最後個元素的樣式

很多人可能都碰到這樣乙個情況 test li 這樣就會出現三條右邊框,在實際運用中最後條邊框是需要去掉的。1 為最後個li新增個樣式,比如 b none 2 用css偽類 last child,來自動匹配最後個元素,並執行相應的樣式.test li last child 第二種偽類方法在ie下有相容...