앨리스 Iot1기 첫스타트 CSS

이수연·2022년 11월 28일
0

CSS

목록 보기
4/5

첫번째 수업은 HTML, CSS의 정말 기초적인 강의였다.
독학을 했던 나는 기초부분이 부족했는데, 강의를 들으면서 내가 여태 썼던것들의 사용의미를 알게 되었다.

CSS

스타일 우선순위
->아래의 순서대로 진행된다.
1.인라인 스타일
2.id 스타일
3. class 스타일
4. 태그 스타일

float 사용시 clear:both를 사용해야 다음 요소에 영향을 미치지 않는다.

ol,ul 태그를 사용할때 기본 스타일을 적용하고 싶지않다면?
list-style: none;

이미지에는 기본적인 공백값이 있기때문에 디폴트 값을 설정해줘야된다 :vertical-align: middle;

nav바를 구현할때 text-align이 적용되도록 하려면?
:line-height로 바깥요소의 높이값만큼 설정한다.

a링크에서 새창이 나오게끔하려면?
: target:_blanck

마진병합현상
-> 부모,자식관계 : 자식이 값을 변경할경우 부모에게도 영향을 미치는것 (해결방법: 자식에게 position:absolute를 주면된다함)

형제관계: 하나의 div는 margin-bottom:60px; 하나의 div는 margin-top:120px;일경우 120px만 적용된다.

0개의 댓글