1. 학습내용

실습내용

github 소스링크

배워서 알게된 내용

border width

border width를 적용할 때 margin, padding과 마찬가지로 3개만 적을시 상 10px, 좌우 20px, 하 30px로 적용

border width 10px 20px 30px

아이콘 만드는 방법

상황에 따라 선택

1. i 사용

<div class="blog-notice-title-wrap">
	<a href="#">
		<h3>공지사항</h3>
		<i></i>
	</a>	
</div>

2. background image 사용

background-image: url(../img/checkbox.png);
background-repeat: no-repeat;
background-position: left;
background-size: 20px 20px;

hover - 흐리게

opacity를 사용하면 글자까지 투명도가 먹히기 때문에 rgba 사용

.blog-main-detail #program-info .program-msg-box a:hover {
	background-color: rgba(125, 85, 200, 0.8);
}

2. 어려운점

3. 해결방법

4. 소감

한달 전과 다르게 매우 어렵다고 느끼고 이걸 할 수 있을까? 라고 생각한 부분이 지금은 처음보다 쉬워졌다. 강의를 듣기전 내가 먼저 레이아웃 구상도를 짜보는 연습도 했다.

실력이 늘면 늘수록 무언가 더 배우고 싶고 더 잘하고 싶다는 욕심이 생기는 것 같다.