poemlovingly

답변주셔서 감사합니다. 선생님.
선택자 우선순위에서요. 선택자마다 부여되는 점수도 다르고 (tag선택자 1점 class선택자 10점 id선택자 100점 inline style 1000점 !important 제일 높음)
구체적으로 불러오면 더 우선순위가 높은 거잖아요.
그런데 위에서는 .btn {}
으로만 코딩해줬는데 왜 'CEO 시작하기'는 적용되고 '사용자 가이드'는 padding값이 적용되지 않은 건지 답답했는데요.
이유를 찾은 것 같아요. 아래 guide부분에 보면 ,
.guide {
padding-top: 0;
} -> 이 부분때문에 동일한 우선순위이기 때문에 나중에 작성된 guide의 padding-top: 0가 적용된 게 아닐까 싶어요.
<a href="#none" class="btn guide">사용자 가이드</a>
.btn{}
.guide {}
그러니깐 선생님 강의대로&nbsp;.welcome-btns .btn.{}이렇게 지정해주는 게 맞는 거라고요.
봐주셔서 감사합니다.

선택자 적용에 대한 질문 드립니다.

선생님 봐주셔서 감사합니다.

!important 에 대해서 질문 드립니다.

몰라서 너무 답답했었는데 자세하게 설명해주셔서 제가 몰랐던 부분을 이해할 수 있었습니다.
정말 감사드려요 선생님~!!

블릿요소 float:rihgt; 부분 질문 좀 드릴게요.

강의 중에 box-sizing 부분 궁금해서요.

네 감사합니다. 말씀 주신대로 순서대로 강의 들을게요.

강의 듣는 순서 상의드립니다.

답변주셔서 감사합니다. 열심히 공부할게요~!!

flex 수직중앙정렬 질문드립니다.

네네 html코딩은 특별한 게 없어서 올리지 않았고요. html 코드와 강의해주신 부분 , 그리고 애니메이션이라서 캡처로 올려보겠습니다.
<img src="https://cdn.inflearn.com/public/comments/25fc95df-79d4-448f-8094-50b2c5602147/강의.png" />
<img src="https://cdn.inflearn.com/public/files/posts/758a9cdb-9302-4d03-a976-eaab97189d51/1.png" /><img src="https://cdn.inflearn.com/public/comments/b1f5bbea-3627-4a62-89d8-d2ff8b46c9ac/2.png" />
<img src="https://cdn.inflearn.com/public/files/posts/21a76d78-a098-43c0-bec8-02be0f6321df/3.png" />

도형 로딩 애니메이션 색 적용 문의드립니다.

1.시멘틱태그로 레이아웃 강의를 듣고 나니 float 속성을 주는 것을 이해하게 되었습니다.
2.box-sizing: border-box 에 대해서 한층 더 깊이 배우게 되었습니다.
&nbsp;

float 가로배치와 border boxing 질문드립니다.

말씀주신대로 float속성을 주니 inline-block에서 보이는 마진이 안 생기네요
해결해주셔서 감사합니다.

poemlovingly

Posts