CSS 텍스트 관련 스타일(font, text의 속성들)
텍스트 관련 스타일의 핵심 font-family - 글꼴 지정하는 속성 font-size - 글자 크기를 지정 font-weight - 글자 굵기를 지정 color - 글자 색을 지정 text-align - 텍스트 정렬 방법을 지정 line-height - 줄 간격 조절 글꼴 관련 스타일글꼴 같은 경우는 해당하는 사용자가 글꼴이 없을 경우를 생각해야 하기 때문에 body { font-family:"맑은고딕", 돋움, 굴림 } 이런식으로 맑은 고딕으로 설정 했지만 해당 글꼴이 없을 경우 차례대로 돋음 글꼴이 되도록 설정하고 그것마저 없으면 굴림으로 나오도록 하는 설정이다. 영문 기본 글꼴에는 sans-serif체와 serif체 등이 있고 한글은 굴림, 궁서, 돋움, 바탕체가 있다. 1.@font-face ..
CSS 기초(태그 선택자, class 선택자, id 선택자)
기초의 부분의 핵심 사이에 작성을 한다. 외부 스타일 시트대부분의 웹 문서는 같은 스타일을 여러 웹문서에 똑같이 적용한다 그렇기 때문에 외부 파일을 만들어 놓고 여러 웹 문서가 그것과 연결을 시켜스타일을 적용하는 방식을 많이 사용한다. 파일은 .css 확장자를 갖는 파일이된다. 외부 시트를 연결 할때는 일 경우에 뒤에 important가 붙은게 중요 스타일로 받아 들여져서 2번째 p태그가 적용된다. 1-2 얼마나 한정지을 수 있는가 - 명시도스타일이 충돌 한다면 스타일 적용 범위에 따라 우선순위를 정할 수도 있다. 스타일 적용 범위가 좁을수록 우선순위가 높아진다.태그 스타일 -> 클래스 스타일-> id 스타일-> 인라인 스타일 순으로 왼쪽에서 오른쪽으로 올수록 높은 우선순위를 갖는다. 1-3 소스에서의 ..