Jay's devlog

이번엔 글씨의 색깔을 'white', 'red', black' 이런 색보다 밝은 회색 혹은 라임색 이런 색깔들도 표현하는 방법이다. 그리고 더 나아가 footer { text-align: center; background-color: #1e1e1e; //검은색이지만 뭔가 밝은 검은색이다. color: #919191; // 밝은 회색이다. font-size: 12px; } .mainbox { border: 1px solid #ebebeb; width: 610px; text-align: center; } 이렇게 적용시킬 경우 박스가 가운데 정렬이 아닌 박스 안의 글자들이 가운데 정렬이 되어있다. 그렇다면 박스를 가운데 정렬해보자. footer { text-align: center; background-col..

지난 포스트에 CSS와 함께 다뤘을때 HTML 페이지가 어떻게 바뀌는지를 알아봤다. 오늘은 읽기 편하도록 하는 가독성을 만들었다. 내 이름은 박종현 반갑습니다. 코드라이언으로 코딩 배웠지 p { font-size: 30px; //글씨크기는 30픽셀로 한다. } .big-font { //big-font라는 클래스를 꾸미기 위해 앞에 .을 붙인다. font-size: 40px; } .small-font { font-size: 15px; }

오늘부터는 CSS에 대해 이야기해보겠다. CSS란 Cascading Style Sheets의 약자이고 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다. 즉 쉽게 말해 꾸며준다고 생각하시면 편하다. 구체적인 코드의 대한 설명은 아래 코드에 주석으로 달아놓았다. 또 다른 아무내용 박종현 HTML/CSS 개발자 copyright CODE LION. All rights reserved. 아무내용 footer { text-align: center; // 가운데 정렬 background-color: black; //글 배경색은 검은색 color: white; //글씨 색깔은 하얀색 } //SS 기본 폼 /*(p든 h태그이든) { text-align: center; co..

이 글부터는 본격적인 태그들에 대한 설명과 내용들을 정리해놓을 것이다. 이문서는 htm파일이라고 상징하는 말이다. 없어도 무방하지만, 넣어준다. html태그와 같이 언급되는 태그인데 html태그와 같이 꼭 있어야하는 태그이다. 헤드태그엔 내용물에 대한 추가정보를 의미한다. 더 나아가 내용을 보조한다. 실질적인 컨텐츠를 기입하는 태그이다. 이 코드를 써야 한글이 잘 출력이 된다. 아래와 같이 웹에서 탭에 표시할 수 있는 영역이다. h1태그부터 h6태그는 글의 크기에 대한 부분이다. 자세한 표현은 아래 그리고 지난 포스트를 참조한다. paragraph : 문단 p태그는 보통 글씨로 표현할 수 있게 해준다. p나 h1처럼 다른 글처럼 보이겠지만, 화면 바닥에 쓰이는 안내물에 쓰인다. 이정도면 일단 준비는 되었..

1학기 동안 활동해왔던 멋쟁이사자처럼의 대학생들을 위한 프로젝트, 멋쟁이사자처럼대학교에서 배웠던 것들에 대한 자료를 남기려 한다. 보통의 우리는 웹 사이트를 생각을 하면 하나의 '가방'이라고 생각하면 편하다. 가방안에는 여러가지가 있지만, 같은 부류 끼리 묶는 것이다. 그 가방 안에는, 여러가지 태그들이 있다. 그 태그들을 이두희대표님께서는 큰 가방(웹)안에 다른 작은 가방들로 묶여진 것들이라 하셨다. 이렇듯 가방2 안에 가방1이라는 가방을 넣고, /가방1,/가방2으로 닫아주는데 이것을 나는 지퍼를 닫았다고 표현하고 싶다. 그렇다면 이 가방들에는 어떤 종류들이 있는 지 알아보자! 이렇게 h1태그들부터 6태그까지 있고, 더 나아가 p태그도 있고 태그들은 다양하다. 그렇다면 개발자들은 어떤 태그들을 이용하는..