CSS (3) 썸네일형 리스트형 HTML/CSS 자간(글자간격)조절하는 방법 HTML로 문서를 작성하다보면 이래저래 불편한 경우가 참 많죠?? 저도 웹페이지 개발할 때 정말 많이 느끼지만 HTML이랑 CSS가 간단하고 쉬우면서도 은근히 짜증나게 하는 구석이 있습니다. ㅎㅎ 오늘은 HTML로 만든 문서가 사용자에게 좀 더 '가독성' 있는 정보를 전달하기 위해 자간(글자간격)을 조절하는 방법을 알려드리도록 하겠습니다. 간격 조절 시 단어별로 간격을 조절하는 방법이 있고 글자 하나하나의 간격을 조절하는 방법이 있고, 그 방법은 아래와 같습니다. letter-spacing : 글자간의 간격 조절 word-spacing : 단어간의 간격 조절 둘다 모든 단위로 사용 가능합니다. (%, em, px 등) body 전체 글자 간격을 10px로 조절 이 칸의 단어별 간격을 10em로 조절 이런.. CSS 기본 선택자(태그, ID, Class) 정리 게시글 HTML 그리고 CSS를 보면 CSS는 HTML을 꾸며주는 언어라는 것을 알 수 있다. 그런데 여기서 HTML로 작성한 웹페이지에서 원하는 부분을 꾸며주기 위해서는 원하는 부분을 지정하는 선택자가 필요하게 된다. 가장 기본적인 선택자는 태그(전체)선택자, ID선택자, Class선택자로 분류 할 수 있다. 태그(선택자) 선택자 ?123form{ color:red;}└ 태그 선택자를 사용하는 문법은 위와 같고, 이 문법이 의미하는 것은 'form'이라는 모든 태그에 color:red; 라는 속성을 부여하는 것을 뜻한다. ID선택자와 Class 선택자도 문법은 똑같다 다만 ID선택자는 선택자 이름 앞에 '#'을 붙이고 Class선택자는 '.'을 붙인다. ?123#apple{ color:red;}└ ap.. HTML 그리고 CSS HTML [ Hypertext Markup Language ] 먼저 HTML은 인터넷 서비스 웹(WWW)을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언의 한 종류다. 우리가 인터넷을 통해 접하는 웹페이지의 대부분이 HTML로 작성되었다. HTML은 글자의 크기, 모양, 색 그리고 그래픽, 문서간 의 이동(링크)등을 정의하는 명령어로 홈페이지 혹은 웹페이지를 만드는데 쓰인다. 그리고 여기서 사용하는 명령어를 태그(tag)라고 하는데 꺽쇠괄호""를 사용하여 나타내며, 대부분의 태그가 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있다. ?12345678 웹페이지 제목 웹페이지 내용 위의 태그는 HTML을 사용할 때 기본 적으로 사용되는 문법이다. 그리고 위에서 설명했듯 태그가 2개의 쌍으로 이루어.. 이전 1 다음 티타임, 커뮤니티 플랫폼 홈페이지 제작 전문 사회자 섭외 : 행사 MC 아나운서
