본문 바로가기

CSS

HTML 프로그래밍 여덟번째(폰트/글자 색/ 글자 정렬/줄 간격/text-decoration/그림자) 오늘 알아볼 것은 폰트 글자 색 글자 정렬 줄 간격 텍스트에 선 넣기 그림자 를 넣는 걸 배워볼 것이다. 첫번째로, 글자에 폰트를 넣는 방법을 알아볼 것이다. 구글 폰트 사이트를 검색해서 들어간다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 그다음, Language를 Krean으로 바꿔준다. 그 후에 원하는 폰트를 골라 클릭한다. 그후 오른쪽에 Select this style 를 눌러서 @import로 바꿔주고 글자 폰트를 바꾸고 싶은 html파일의 head안에다 을 넣어준다. 그 후에 클래스 선택자를 이용하여 font-f.. 더보기
HTML 프로그래밍 일곱번째(CSS기본형식/스타일적용) 오늘은 CSS의 기본 형태 스타일 적용 을 배울거다. 1. 기본형태 우선 css를 사용할때 기본 형태를 알아보자. 선택자 { 속성: 속성값; 속성2: 속성값; } *CSS에서 값을 넣어주는 대입 연산자에는 :(콜론)을 한 명령어/문장이 끝날때는 ;(세미콜론)을 넣어줘야 한다. ① 주석 /* 주석 내용 */ HTML의 주석처리 → Java 주석처리 → //주석내용 C언어 주석처리 Python 주석처리 → ##주석내용 ② 스타일 시트&상속 - 택스트등을 꾸미는 방법은 2가지가 있다. 첫번째는, 브라우저 기본 스타일로 → HTML만으로 웹문서 작성한 것을 웹 브라우저에 출력시킬 때의 스타일이다. 두번째는, 사용자 스타일로, CSS를 사용하고 파일에 적용하는 방법이 3가지가 있다. - 인라인 스타일(in-lin.. 더보기