css_1

권효정·2020년 12월 31일
0

참고자료:https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/CSS_%EA%B8%B0%EB%B3%B8

  • cascading: 세부적인 정의가 있으면 그것을 쓰고 정의된 것이 없다면 기본으로 지정된 것으로 넘어가는 것

author style(웹사이트를 만들때 제공되는 css파일)> user style(사용자가 style하는 것)> browser(브라우저에서 기본적으로 지정된 것)

  • selectors: html에서 어떤 태그를 고를건지에 관한 문법
    모든 태그:*, 태그:태그이름, id:#id, class: .class, state: :, atrribute: []
*{                a[href="naver.com"]{
 color:green;      color:purple;
}                 }
  • box model

padding: 컨텐트 주위의 공간 (예, 문단 글자의 주위)

네 면 모두 적용
padding: 1em;

세로방향 | 가로방향
padding: 5% 10%;

위 | 가로방향 | 아래
padding: 1em 2em 2em;

위 | 오른쪽 | 아래 | 왼쪽
padding: 5px 1em 0 2em;

*padding 은 요소의 내부에 빈 공간을 추가. 반면 margin은 요소의 주위 에 빈 공간을 만든다

profile
코딩 공부를 하고있는 학생입니다

0개의 댓글