CSS

웹디자인 기능사 시험예제/1) 컨텐츠 구성하기

CSS (3) FONT와 TEXT의 기본적인 속성

1_FONT 속성 (1) 서체(font-family) See the Pen aeVoYV by ++EXP (@pp_exp) on CodePen. FONT 속성은 서체와 관련된 속성으로, 종류, 스타일, 작성 형태, 크기, 굵기 등을 지정할 수 있다. 국가별로 분류되는 방식과 시스템 내에서 읽히는 방식의 문제 때문에 다수의 폰트를 지정한다. (만약 앞서 폰트가 없다면, 뒤의 폰트로 읽는다.) 한글 폰트는 한글-영문의 순서로 입력하며, 한글 혹은 공백이 포함된 경우, 따옴표로 묶어준다. 영문 폰트는 폰트 종류를 입력하고 공백이 포함된 경우 쌍따옴표로 묶어준다. 또한 영문 폰트는 여기에 서체의 종류(generic-family)를 지정할 수 있고, 종류는 다음과 같다. font-family 사전 설정 값 설명 s..

웹디자인 기능사 시험예제/1) 컨텐츠 구성하기

CSS (2) 선택자와 우선순위

1. 기본적인 선택자의 종류 - 전체 선택자 (*) 선택자 설명 * '*'는 존재하는 전체 요소에 사용하는 선택자로, 전체 요소에 적용시키는 만큼, 선택자들 중에 그 무엇보다도 우선하지 않는다. - 후손 선택자 ( ) 와 자식 선택자 (>) 선택자 설명 ul li ul의 후손인 li 요소를 모두 선택한다. (띄어쓰기 공백으로 구분한다.) ul>li ul의 자식인 li만 선택한다. = 자식 아래의 자손은 선택하지 않는다. - 형제 선택자 (+ ~) 선택자 설명 H1 + P 인접 형제 선택자 : h1의 바로 뒤에 있는 P요소를 선택한다. (즉, H1이후에 P요소가 아닌 SPAN요소가 있을 때는 선택하지 않는다.) H1 ~ P 일반 형제 선택자 : h1의 바로 뒤부터 이하의 모든 P요소를 선택한다. ( H1 ..

frogOlis
'CSS' 태그의 글 목록