以下は私のCSSファイルと私が参照しているものの画像です。写真では 1 日ですが、もしそれが 10 日、または他の 2 桁の日だったら、2013 年でしょうか? それはばかげた質問です。私は知っていますが、全体のマージン、パディング、位置、および浮動小数点数についてはわかりません。
言い換えられた質問: 私はパディングとマージンがあまり得意ではないので、間違った質問をしている可能性があります。写真は 2013 年 4 月 1 日です。しかし、4 月 10 日 (2 桁の日) が 2013 年を右にシフトするか (私が望むもの)、2013 年と重なるか、それともその線上にない別の場所に移動するかどうか疑問に思っています。私が尋ねている理由は、マージン、パディング、フロート、および位置のためです。それが影響するかどうかはわかりません..
@font-face {
font-family: Walkway Bold;
src: url('Fonts/WalkwayBold.ttf');
}
@font-face {
font-family: Roboto;
src: url('Fonts/Roboto.ttf');
}
@font-face {
font-family: CaviarDreams;
src: url('Fonts/CaviarDreams.ttf');
}
body {
font-family: Roboto;
margin: 0;
padding:0;
background: #000;
background-size: 61%;
color:#FFF;
text-shadow:3px 3px 7px #000000;
}
div#content {
position:absolute;
-webkit-transform: rotate(0deg);
left:75px;
top:0px;
}
div#timecluster {
font-family: Roboto;
position:absolute;
text-align:center;
top:30px;
left:-95px;
color:#fff;
clear:left;
width:345px;
opacity:.8;
}
div#hourbox {
font-family: Roboto;
text-align:right;
color:#ffffff;
position:relative;
font-size:75px;
letter-spacing:-5px;
margin-right:3px;
font-weight:bold;
}
div#minutebox {
font-family: Roboto;
position:relative;
opacity: 0.2;
font-size:75px;
letter-spacing:-5px;
margin-left:10px;
font-weight:bold;
}
div#ampmbox {
text-align:right;
position:relative;
font-size:75px;
letter-spacing:-5px;
font-weight:bold;
margin-top:-5px;
right: -5;
}
div#datecluster {
position:absolute;
top:90px;
left:-130px;
width:380px;
height:180px;
}
div#dateinner {
position:absolute;
top:40px;
left:40px;
width:300px;
height:90px;
}
div#monthbox {
font-family: CaviarDreams;
position:absolute;
float:left;
padding:0;
font-size:20px;
opacity:0.2;
width:135px;
text-align:right;
top: -19px;
}
div#daybox {
font-family: CaviarDreams;
position:relative;
float:left;
padding:0;
font-size:20px;
opacity:0.2;
width:135px;
text-align:right;
top: 1;
}
div#datebox {
font-family: Roboto;
position:relative;
float:left;
margin:-20px 4 0 10;
font-size:40px;
opacity:.8;
text-align:center;
}
div#yearbox {
font-family: Roboto;
position:relative;
float:none;
margin:-20 0 0 0px;
font-size:40px;
opacity:.1;
top:0;
right: 0;
}