본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

CSS 란 무엇인가 CSS란 무엇인가 CSS(Cascading Style Sheets) 란 Style Sheet를 정의하기 위한 문법의 종류이다. 그럼 Style Sheet는 무엇일까웹 페이지의 겉모습을 제어하기 위한 하나의 언어 입니다. 웹 페이지의 내용에 하나하나 스타일을 지정하지 않고 태그에 따라서 별도의 스타일을 정의할 수 있게 합니다. 즉, 종류별로 일괄 적용이 가능하게 되는 것입니다. 또한 웹 페이지의 구성 요소의위치를 자유롭게 지정 할 수 있게 합니다. HTML 태그로는 제어할 수 없는 부부인 글자간격, 위치 등을 제어한다 크기, 색깔 등을 웹페이지에 일괄 적용 가능하다 Style Sheet 사용하지 않는다면문서의 구조를 나타내는 태그와 스타일을 지정하는 태그를 함께 사용해야 합니다.반복해서 입력되는 부분들도 .. 2017. 11. 20.
[티스토리] 글 영역 꾸미기 HTML/CSS 배우기 티스토리 글 영역 꾸미기 지난 포스팅에서 카테고리에 대하여 하였습니다. 이번에는 티스토리 글 영역 화면을 꾸며보도록 하겠습니다. 즉, 게시글 보기 화면 꾸미기 입니다. 먼저 HTML영역 부터 알아보도록 하겠습니다. 사실 티스토리 스킨제작에서 HTML 영역은 크게 설명 드릴 부분이 없습니다. 단, HTML영역을 이해하기 위해서는 치환자에 대하여 정확한 개념을 가지고 있어야 합니다. 치환자란 티스토리에서 제공하여 주는 기능으로, 각 영역과 내용을 뿌려주는 태그들을 말합니다. 예를 들어 카테고리에서 글을 클릭했다라고 생각해 봅시다. 그러면 해당 글의 보기화면으로 이동하게 될 것입니다. 이 때 글 보기 화면에서 보여 줄 내용들의 영역과, 그 영역안에는 제목, 작성 시간, 내용 등이 들어 갈 것인데 이것들을 가지.. 2017. 10. 2.
[티스토리] 홈(카테고리) 화면 만들기로 배우는 CSS 태그 티스토리 홈(카테고리) 화면 만들기 티스토리 스킨만들기로 통해 웹 디자인 코딩법에 대하여 알아가고 있습니다. 지금까지 진행 된 것들을 잠시 돌아보고 시작하도록 하겠습니다. 티스토리 스킨을 제작하기 위해, 3개의 파일이 필요 했습니다 index.xml, skin.html, style.css 파일 입니다 index.xml 파일은 자신의 티스토리 블로그에 대한 여러가지 정보들이 입력되는 파일이였습니다 그리고 skin.html, style.css 파일은 지금 계속 수정 및 입력을 해 가는 HTML/CSS 파일이 입니다. 지금까지 상단 메뉴 만들기에 대하여 진행하였고, 바로 이전 포스팅에서는 상단 가로 메뉴 만들기에 대하여 알아 보았습니다. ※ 아직 블로그 초보라, 이전 포스팅 글을 읽어 보면 아쉬운 부분들, 어.. 2017. 9. 24.
[티스토리] 상단 가로 메뉴 만드는 법 티스토리 상단 가로 메뉴 만들기 이전 포스팅에서 티스토리 상단 카테고리 메뉴 만들기에 대하여 올렸습니다 초기 단계까지만 포스팅하여 추가 포스팅을 할까 생각하였으나 개인적으로 가로 메뉴를 더 선호하기에 가로 메뉴 만드는 방법에 대하여 먼저 포스팅을 하고자 합니다 ■ HTML 영역 먼저 HTML 영역입니다 아래에 추가한 소스 입니다 header 영역을 설정하고 container 영역안에 타이틀 부분과 탭메뉴(가로메뉴) 영역을 추가 하였습니다 그리고 또하나 태그로 기존 내용을 조금 아래로 이동 시켰습니다(보기쉽게) 여기까지 HTML 영역 추가 작업이였습니다 여기에서 처음 티스토리 스킨만들기를 처음 접하는 분들은 개발자도구로 HTML 코드를 확인 해 보세요 부분이 어떤형식으로 나타나는지 알아야 진행을 할 수 있.. 2017. 9. 15.

티스토리툴바