[開発ログ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.勉強の心得


    習慣に油断せず、よく観察する習慣を身につけなければならない.