코딩하는 몽구리

text-align 속성을 사용하면 텍스트를 왼쪽, 오른쪽, 또는 가운데로 정렬할 수 있습니다. Hello World! Hello World! Hello World! #p1 { color: red; text-align: left; } #p2 { color: green; text-align: right; } #p3 { color: blue; text-align: center; }

출처 : 코드잇 텍스트의 색을 지정해주기 위해서는 color 속성을 사용하면 되는데요. CSS에서 색을 표현하는 방식이 세 가지가 있습니다. 색 이름 CSS에서 정해준 색 이름 중 하나를 쓰는 방법이 있습니다. 모든 색이 있지는 않지만, 무려 140개의 색이 대부분 브라우저에서 지원됩니다. Hello World! h1 { color: blue; } RGB 값 모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현할 수 있습니다. 이 표현 방식이 바로 'RGB'입니다. h1 { color: rgb(83, 237, 65); } HEX 값 (16진법) HEX 값은 단순히 RGB 값을 16진법으로 표현한 방식입니다. 83는 16진법으로 53이고, 237는 16진법으로 ED이고, 65는 16..

HTML 코멘트 Good Will Hunting (굿 윌 헌팅) 수학, 법학, 역사학 등 모든 분야에 재능이 있는 ‘윌’(맷 데이먼)은 천재적인 두뇌를 가지고 있지만 어린 시절 받은 상처로 인해 세상에 마음을 열지 못하는 불우한 반항아. 뷰티풀 마인드 (A Beautiful Mind) 40년대 최고의 엘리트들이 모이는 프린스턴 대학원. 시험도 보지 않고 장학생으로 입학한 웨스트버지니아 출신의 한 천재가 캠퍼스를 술렁이게 만든다. 너무도 내성적이라 무뚝뚝해 보이고, 오만이라 할 정도로 자기 확신에 차 있는 수학과 새내기 존 내쉬. 누구도 따라올 수 없는 뛰어난 두뇌와 수려한 용모를 지녔지만 괴짜 천재인 그는 기숙사 유리창을 노트 삼아 단 하나의 문제에 매달린다. 바로 자신만의 '오리지날 아이디어'를 찾아내..

HTML 코드에 스타일을 입히는 방법에는 세 가지가 있습니다. 1. Hello World! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lorem sit amet nunc ornare convallis. Pellentesque ac posuere lectus. In eu ipsum et quam finibus fermentum vitae sit amet magna. 2. style 속성 Hello World! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lorem sit amet nunc ornare convallis. Pellen..

HTML 요소에게 '이름'을 주는 방법은 두 가지가 있습니다: 클래스 (class) 아이디 (id) 클래스 (class) First Second Third .big-blue-text { color: blue; font-size: 48px; } 위의 코드에서 첫 번째 p 요소와 세 번째 p 요소는 "big-blue-text"라는 클래스 이름을 갖고 있습니다. 그러면 css에서 .big-blue-text에 스타일을 입혀주면 됩니다. 클래스 이름이라는 걸 나타내는 '.(마침표)'를 쓰게 됩니다. 아이디 (id) First Second Third #favorite-text { color: blue; font-size: 48px; } 위의 코드에서 첫 번째 p 요소는 "favorite-text"라는 아이디를 갖고..

, , 세 태그는 사실 필수가 아니라 '옵셔널 태그'입니다. 그럼 이 태그들은 꼭 써야 할까요? 의견이 분분합니다. 요소들을 와 에 묶어주면 html 파일의 구조가 눈에 더 잘 들어온다고 생각하고 있습니다. 하지만 세 옵셔널 태그의 사용을 권장하지 않는 의견들도 있습니다. 심지어 구글 HTML/CSS 스타일 가이드에서도 옵셔널 태그를 생략하라고 나와 있습니다. 개인적인 작업을 할 때는 직접 결정하시면 되고, 팀으로 작업을 할 때는 상의 후 정하시면 됩니다! https://google.github.io/styleguide/htmlcssguide.html#Optional_Tags Google HTML/CSS Style Guide Google HTML/CSS Style Guide Background This ..

My First Website My First Page I love HTML! Hello world! Hello Codeit 1. HTML 태그 정리 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 써야 합니다. 이전의 html 버전을 사용하려면 을 복잡하게 써야 하지만, 그냥 최신 버전인 HTML 5를 사용하기 위해서는 이렇게만 쓰면 됩니다: 태그 페이지의 제목은 태그에 써주면 됩니다. 브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이 곳에 들어갑니다. ~ 태그 한 페이지에 여러 개의 머리말이 있을 수 있는데요. 그 중 가장 중요한 머리말은 (heading 1), 그 다음으로 중요한 머리말은 (heading 2). 이런 식으로 (heading 6)까지 작성할 수 있습니다. 태그 보통 문단은 ..