8.04 AI SCHOOL css(26)-aver実習

NAVERニュース5
企業ニュース右側
高さ値がなければ、line-heightの値は意味がありません.

overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    }

略語

#ent-section-11 .bottom .btn-wrap .btn{
	width: 24px;
	height: 24px;
	border: solid 1px #f2f2f2;
}

選択者を正しく扱う.
ボタンは基本的にインラインコネクタブロックの要素を有し、連続的に使用すると、互いに生まれつきの空間に隔てられます.
そのため、スタートに合わせて、余白を解消したまま簡単に左右に配置することができます.
麻疹ウイルス/タワーサーバはいくつかの場所で使用されていますが、できるだけ一貫性を保つことが望ましいです.

#ent-section-13 ul li a{
	display:block ;}

aラベルの範囲は延長するので、黒で処理します.
ent-左と右の間に線を描きたいのですが、既存の方法で1つの円柱に円柱を描くと、ent-mainに適用されているpadding-top:24 pxのために真ん中に現れます.したがって、mainのpadding-top値を既存の方法で除去できます.
padding-topをent-左/右にそれぞれ入れ、さらに多くのボールを左側に入れます.
実際にNAVERで使用する方法は次のとおりです.

.home .ct_wrp:after {
    display: table;
    clear: both;
    content: '';
}

使う方法はafterですが、部分的に役に立つかどうかはよく分かりません.カニチームは実際にNAVER内のdisplay:tableを使用していますが、勉強しないのはコンセプトで、ブーブー、ブーブー、グーグルで表を作る属性としか理解できません.この属性が使用可能かどうかを確認します

Naverはbody-ct wrp
main-contamer:afterに適用するのと似ています(NAVERではdiv ct wrpがContainer内にあるため)
やはりNAVERもpadding/marginなどをメインステーションが広がる場所に置かなかった左上隅/右上隅または左上隅を1つ追加
display-tableの効力を知るだけで

同様にmainのpadding-topはcss初期main自体が完全に消えていない.

main {
	overflow: hidden;
	padding-top: 20px;
}

あげたので選択者優先(スケート)
ent-maint自体にpaddig-top:0を入れて解析する
見出しの下端
border-bottonではなくborder-botton
spanラベルの使用

.bg_header {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
}

適用