0

端的に言えば、私はCSSの初心者です。非常に有望で使いやすいように見えるTwitterブートストラップを見つけました...まあ、そうではありません。

これを見てください。

する必要がある：

1）現在下にある正方形の内側にロゴ（X付き）を配置します

2）上からマージンを追加します。現在、ブラウザのURLバーとロゴ/フィールドの間にスペースはほとんどありません

3）入力フィールドが水平の場合、入力フィールドの間にスペースを追加します。フィールド：「SeuNúmerodeCelular：」、「Boleto Bancario」、「ContadeConsumo」。現在、それらはほとんど互いに接着されています。

また、CSSのチュートリアルに関する良いアドバイスをいただければ幸いです。これが問題になる場合は、djangoを使用しています。

ご協力いただきありがとうございます

4

1 に答える 1

1

W3C Schoolsは、CSSから始めるのに良いポイントです。

1）ボックスについて学習するposition:relativeか、使用backgroundして配置します。background-url

.your-square-image /*You will need to put class="your-square-image" to the squarebox*/
{
position: relative;
top: -120px;
z-index: -1;
}

2）margin-top上からマージンを調整するために使用するだけです

.logo {
margin-top: 50px;
}

3）margin-rightすべての入力に使用します（または適切に入力しますclass）

input 
{
margin-right: 15px;
}

上記のすべてのcssは、htmlページの上部に配置するか、別のcssファイルに配置して、ページからリンクすることができます（推奨）。

于 2012-11-30T02:28:31.450 に答える