본문 바로가기

Style

(2)
웹화면 기술 순서에 대한 단상 웹화면은 아래 요소들로 이루어졌다고 볼 수 있다.- HTML 태그와 컨텐츠(리소스, 즉 사진, 음향, 동영상 등등)- HTML 태그와 컨텐츠를 화면에 제대로 표현하기 위한 CSS,- UX 를 담당하는 자바스크립트. (물론, 플래시 등의 요소가 존재하기는 하지만, 가벼운 웹사이트를 지향하자) 각종 컨텐츠는..웹서버에서 사용자 화면으로 내려지기도 하고, 사용자 화면에서 웹서버로 올려지기도 한다. 어쨌든, 사용자가 웹화면을 볼 때에는..웹서버에서 위에서 설명한 요소들이 사용자 웹브라우저에 모두 다운로드 되어야 한다. 물론, 내려지는 시차와 순서가 정해져 있거나 그렇지 않을 수 있다. 이제, 구현하는 입장에서 나열하는 순서를 생각해 보자.요즘엔 HTML5 로 수렴하는 분위기 이다 보니, 과 등이 맨 처음에 온다..
CSS 와 jQuery, table 태그 등을 사용하여 목록 만들기 레이아웃이 아니라, 그리드 형태로 목록을 만들어야 하는 경우 table 태그를 사용하면 편합니다.아래 소개하는 목록은.. 목록의 맨 왼쪽과 맨 오른쪽 세로선이 없어요.가독성을 위해 짝수행에 배경색을 주고, 마우스 커서가 올려진 행에 배경색이 다르게 했어요.각 셀은 중앙정렬을 기본으로 하고 (아직 까지 모든 웹브라우저는 td 의 vertical-align 이 middle), 좌정렬과 우정렬은 클래스를 활용.셀에 입력된 글자가 많아질때 말줄임 표시를 할 수 있도록 세팅 .css 파일@charset "UTF-8" /* 혹시 문자셋 관계로 External CSS 를 사용하지 못한다면 사용 */table.tableList { table-layout:fixed; border-top:2px #EA0000 solid;..