[開発ログ23日目]マイブログ+
1855 ワード
1.学習内容
blog-helperのチェックボックス部分はiラベル/バックグラウンド画像として処理できます.
background-imageで記述すると、cssコードを追加する前に、次の写真のように重なります.このときpadding-left値をあげればいいです.
*background-imageはpaddingの影響を受けるx.文字のみの影響を受ける
.blog-main #blog-main-content #blog-helper li a {
display: block;
height: 35px;
line-height: 35px;
padding-left: 30px;
background-image: url(../img/checkbox.png);
background-repeat: no-repeat;
background-position: left;
background-size: 20px 20px;
}
回答
전체적으로 투명도를 적용하면 글씨도 적용되기대문에 rgb코드 이용
.blog-main-detail #program-info .program-msg-box a:hover {
background-color: rgba(125, 85, 200, 0.8);
}
2.難しい内容
同じラベルを使い続け、レイアウトの感覚を熟知します.特に文字に対する感覚が必要だと感じました.今日は見慣れない構造がないので、あまり困難はありません.
3.解決方法
よく使われるラベルや属性でも混同されています.繰り返し使って覚える方法しかありません.
4.勉強の心得
習慣に油断せず、よく観察する習慣を身につけなければならない.
Reference
この問題について([開発ログ23日目]マイブログ+), 我々は、より多くの情報をここで見つけました https://velog.io/@youjeongchoi0730/개발일지23일차-내아보-블로그テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol