YTCW

border-width: | thin | medium | thick1. border-style 속성테두리 스타일border-style 속성의 기본값 :  none-> 속성값을 따로 지정하지 않으면 테두리 색상 두께를 지정하더라도 화면에 표시xnone테두리❌ : 기본값hidden테두리 감추기표에서 border-collapse: collapse일 경우 다른 테두리도 표시❌ solid테두리를 실선으로 표시dotted테두리를 점선으로 표시dashed테두리를 짧은 직선으로 표시double테두리를 이중선으로 표시, border-width값 : 두 선 사이의 간격groove테두리를 창에 조각한 것처럼 표시, 홈이 파인 듯한 입체 느낌inset표에서 border-collapse: seperate일 경우 → 전체 박스..

1. 속성 properties 스타일을 적용할 대상의 특성color, font-size, margin, background-color- 변경하고자 하는 스타일의 종류를 지정-속성은 css 규칙 내애서 선언 2. 값 value속성에 할당되어 그 속성이 어떻게 적용될지 명시red, 12ox, 20%, #22ff22p { color: blue; margin: 10px; } 3. 길이와 거리3-1. 절대 길이 xp 3-2. 상대 길이- 다른요소에 의해 달라지는 값 ( 비율로 바뀜) rem, em- 루트 요소의 글꼴 크기 / 요소의 글꼴 크기vw,vh - 뷰포트의 너비, 높이의 백분율 나타내는 단위 4. 이미지 image img이미지 경로 지정url ('./image/path.jpg) 5. 함수 functions..

1. color웹 문서에서 문단이나 제목 등의 텍스트에서 글자색을 변경속성값 : 16진수 OR rgb(rgba 가능), hsl(hsla가능) OR 색상 이름/*기본형*/color: /* rgb 표기법으로 파란색 지정하기 */h1 { color: rgb(0, 0, 255); } 2. text-align텍스트 정렬문단의 텍스트 정렬 방법 지정워드나 한글 문서에서 사용하는 모든 방향 정령 등을 웹 문서에서도 지정이 가능하다./*기본형*/text-align: start | end | left | center | justify | match-parentstart현재 텍스트 줄의 시작 위치에 맞추어 문단을 정렬end현재 텍스트 줄의 끝 위치에 맞추어 문단을 정렬left왼쪽에 맞추어 문단을 정렬right오른쪽에 맞추..

1. font-family/*기본형*/font-family: | [, ]body { font-family: "맑은 고딕", 돋움, 굴림 } - 웹 문서의 텍스트는 사용자 시스템의 글꼴을 이용해 웹 브라우저 화면에 표시- 웹 문서에서 지정한 글꼴이 사용자 시스템에 설치❌ → 의도한 글꼴이 아닌 글꼴로 표시- 2개 이상 지정 가능- 두 단어 이상으로 된 글꼴 이름은 큰 따옴표로 표시- 태그 스타일에서 한번 정의하면 문서 전체에 적용→ 문서 안의 모든 자식 요소에 같은 글꼴 사용 기본형 기호 [기본형] 표기 방식: W3C 표준 규약에서도 사용 1. | 나열한 옵션 중 하나가 값이 되어야 한다 font-size: 값1 | 값2 | 값3 2. 속성값을 나열할 때 키워드(약속한 값)는 그대로 나열 font-var..

스타일 규칙은 태그뿐만 아니라 웹 문서의 어떤 요소에도 적용 가능선택자는 웹 문서에서 어느 부분에 스타일을 적용할 지 알려주는 기능 전체 선택자 (universal selector)- 스타일을 문서의 모든 요소에 적용할 때 사용- 주로 모든 하위 요소에 스타일을 한꺼번에 적용할 때 사용- (별표) 사용- 웹 브라우저의 기본 스타일을 초기화할 때 사용/*기본형*/* { 속성: 값; ... } 타입 선택자 (type selector)특정 태그를 사용한 모든 요소에 스타일 적용= 태그 선택자(tag selector) = 요소 선택자(element selector)타입 선택자를 사용해 스타일을 지정하면 해당 태그를 사용한 모든 요소에 적용/*기본형*/태그명 { 스타일 규칙 }  롯데 자이언츠 선발 라인업 1번..