본문 바로가기

Study

(11)
[동영상 강의] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 - 텍스트 스타일, 리스트 스타일, 표 스타일 텍스트 스타일 text-align 속성: 텍스트 정렬 방법 지정, center, right 등 사용 가능 line-height 속성: 줄 간격 조절, px, em, %, 배수로 조정 가능. 주로 1.5배나 2배를 사용(150%, 200%) line-height: 1.5; // 2.0, 150%, 200% text-decoration: 링크에 밑줄을 없앨 때 주로 사용 underline: 밑줄 line-through: 취소선 text-decoration: none; text-shadow: 텍스트에 그림자 추가 가로 세로 번지는 정도 색상 text-shadow:5px 5px 3px #222 리스트 스타일 list-style-type 또는 list-style: list 앞에 어떤 기호(블릿)를 표시할 것인지 ..
[동영상 강의] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 - CSS기본 선택자, 캐스케이딩 스타일 시트 CSS 스타일과 스타일 시트 스타일 시트: 여러 개의 스타일을 모아 놓은 것 스타일 종류 브라우저 기본 스타일 인라인 스타일 내부 스타일 시트 외부 스타일 시트 CSS 기본 선택자 전체 선택자 브라우저 기본 스타일을 초기화할 때 많이 사용 💡  * { margin: 0; padding: 0; } 타입(태그) 선택자 p { color: blue; } class 선택자 문서 안에서 여러번 사용. 앞에 마침표를 사용 .redtext { color: red; } id 선택자 문서 안에서 한 번만 사용 가능하기 때문에 고유성을 가짐. #container { border:1px solid #222; padding:10px; } 그룹 선택자 선택자를 그룹으로 묶어서 나타낼 수 있다. h1, p { color: bl..
[동영상 강의] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 - HTML (텍스트, 목록, 표, 이미지, 오디오와 비디오, 하이퍼링크, form) 웹 개발 스페이스 X 우주선의 대시보드 인터페이스가 크롬 기반의 웹브라우저에서 HTML, CSS, Javascript로 개발되었다고 함 HTML 텍스트 태그 알아보기 em은 강조해서 이탈릭체. strong은 강조해서 진하게. br은 break의 약자로 줄 바꿈을 해줌. 닫는 태그 없음. hr은 가로줄을 추가해줌. 닫는 태그 없음. 분위기 전환 용도로도 사용됨. b는 bold의 약자. strong은 강조의 의미가 있지만 b는 단순히 텍스트를 진하게만 해줌. 글자를 단순히 굵게 표시할 목적이라면 b태그보다는 css를 사용하는 것이 좋음 목록 만들기 ol은 ordered list의 약자로 순서가 있는 목록 표시에 사용. type 속성을 통해 알파벳으로 표기 가능. ul은 unordered list의 약자로 순..