TOPページのCSS指定

日　時：2023年2月23日 13:30から16:00

参加者：小野寺島大関大野青木池田藤本

内　容：index.htmlページのhead部分にCSSファイルへのリンクを設定しました。

「style」フォルダーにtop.cssを作成しました。

.wrapper{
width: 960px;
margin: 0 auto;
}

ページ幅の960Px にし
中央揃えにする

ul,li{
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul{
list-style-type: none;
}

リストを初期化する
リストマークを消す

.box{
display: flex;
justify-content: space-between;
}

クラスboxのリスト項目を横並べにする

.box li{
width: calc(100%/3-10px);
text-align: center;
}

クラスboxのリスト項目の幅を指定する

.box2{
display: flex;
justify-content: space-between;
}

クラスbox内のdiv を横並べにする

.box2 div{
width: calc(25%-10px);
}

クラスbox内のdiv幅を指定する