yeonghoon.kim

  • 게시판
  • 갤러리
  • aws

학원 20200422 정리(CSS 기초1)

김영훈 2020.04.22 23:23 조회 수 : 391

"-CSS(Cascading Style Sheet) SELECTOR
선택자. CSS를 적용할 대상을 지정
태그명, 클래스(.), 아이디(#), name([속성='값'])


-HTML의 기본 속성
1) id : 개발용. 중복 권장 X
2) name : 개발용, 정보 전달용, 중복 허용
3) class : 디자인용, CSS


-웹에서의 색상 표현
1) 색상명 : red
2) rgb(숫자1, 숫자2, 숫자3) : red(0~255) / green(0~255) / blue(0~255)
3) 16진수 표현법 : 위의 rgb를 16진수로 표현. #0000FF - 파란색(FF)


-SELECTOR SELECTOR
앞의 셀렉터 하위 요소들 중 뒤쪽 셀렉터인 것. 자식. 자식의 자식 등 모든 요소를 나타냄

#a .b1 {
    background-color: maroon;
}



-SELECTOR > SELECTOR
앞 셀렉터 하위에서 뒤쪽 셀렉터인 것. 자식만 해당


-display 속성
1) block : 가로 100%, div 기본 속성
2) inline : 내용만큼만, span 기본 속성(크기지정 X)
3) inline-block : 기본적으로는 inline과 동일하지만, 크기 지정 가능함


-padding과 마진
1) margin : 밖에 내용을 밀어냄(크기 변화X)
2) padding : 안쪽 내용에서 영역을 밀어냄(크기 변화O)


-border-radius
둥근테두리, top-left, top-light, bottom-left, bottom-right


-font-family
사용자의 PC에 해당 폰트가 있는 경우 앞에서부터 적용. 만약 해당 폰트가 없으면 다음폰트로 시도하며, 최종적으로 아무것도 없는 경우 브라우저 기본 폰트 사용


-font-size
기본적으로 pt를 쓰는 것을 권장. pt, %
폰트에서 %는 부모의 크기에서 몇 %인지를 나타냄


-브라우저 기본 마진(크롬 기준 8px) 없애기
body {
    font-size: 0px;
    margin: 0px;
}"

  • 추천 0

  • 비추천 0
이 게시물을
목록

댓글 0

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

업로드 중... (0%)

0개 첨부 됨 ( / )
 
번호 제목 글쓴이 날짜 조회 수
공지 2025 일본 여행 계획 김영훈 2024.10.10 985
공지 현금, 저축, 투자, 지출, 예산, 보험 내역(2024-05-30) 김영훈 2024.03.10 638
145 학원 20200618 정리(스트림, 업로드, jquery.form) 김영훈 2020.06.18 249
144 학원 20200610 정리(라이센스) 김영훈 2020.06.10 201
143 학원 20200609 정리(동기/비동기 방식, ajax) 김영훈 2020.06.09 371
142 학원 20200608 정리(세션, 로그인, AOP) 김영훈 2020.06.08 298
141 학원 20200602 정리(게시판 기본 로직) 김영훈 2020.06.02 210
140 학원 20200601 정리(페이징 로직) 김영훈 2020.06.01 252
139 학원 20200528 정리(페이징) 김영훈 2020.05.28 243
138 학원 20200527 정리(스프링 DAO) 김영훈 2020.05.27 244
137 학원 20200526 정리(스프링 RequestParam, DI, Maven) 김영훈 2020.05.26 292
136 학원 20200525 정리(JSP, 스프링 기초, MVC패턴) 김영훈 2020.05.25 262
135 학원 20200513 정리(jQuery 기초2) 김영훈 2020.05.13 268
134 학원 20200512 정리(jQuery 기초1) 김영훈 2020.05.12 261
133 학원 20200511 정리(javascript 기초3) 김영훈 2020.05.11 392
132 학원 20200506 정리(javascript 기초2) 김영훈 2020.05.06 212
131 1부터 1000까지 출력(라인 수 = 최대 출력 개수) 김영훈 2020.05.04 135
130 학원 20200428 정리(javascript 기초1) 김영훈 2020.04.28 344
129 학원 20200424 정리(CSS 기초3) 김영훈 2020.04.24 199
128 학원 20200423 정리(CSS 기초2) 김영훈 2020.04.23 293
» 학원 20200422 정리(CSS 기초1) 김영훈 2020.04.22 391
126 학원 20200421 정리(HTML 링크, 테이블, 영역) 김영훈 2020.04.21 177
쓰기 태그
 첫 페이지 2 3 4 5 6 7 8 9 10 11 끝 페이지