[웹개발] CSS 텍스트 제어하기 안녕하세요 로로봉입니다 : ) 오늘은 CSS를 이용해 텍스트를 제어해보도록 하겠습니다. CSS는 웹 페이지 내에서 텍스트의 색상, 글자체, 정렬, 크기 등 다양한 부분을 속성으로 설정하도록 제공합니다. 1) 글자색 글자색은 color 속성으로 설정합니다. color 속성에 설정할 수 있는 값은 걸러명, 색상표 값, RGB 값이 있습니다. // 컬러명으로 글자색 설정 p{color:red;} // 색상표 값으로 글자색 설정 p{color:#ff0000;} // RGB 값으로 글자색 설정 p{color:rgb(255,0,0);} 2) 폰트 CSS는 글자체, 크기, 폰트 스타일 등 폰트와 관련된 속성들을 설정할 수 있습니다. 스타일 명 기능 font-family 글자체를 설정합니다. font-size 글자 크.. [웹개발] CSS 작성 방법 안녕하세요 로로봉입니다 : ) 오늘은 CSS 작성 방법에 대해 알아보겠습니다. CSS를 작성하는 방법에는 인라인(Inline), 인터널(Internal), 익스터널(External) 이렇게 3가지가 존재합니다. 이 3가지 방식은 작성법이나 스타일의 적용 범위가 다릅니다. 1) 인라인(Inline) 방식 인라인 방식으로 스타일을 적용하려면 HTML 요소에 style 속성으로 설정하면 됩니다. 빨간 글씨 검적 글씨 인라인 방식의 스타일 설정은 태그가 끝날 때까지만 유효합니다. 그래서 스타일을 한 번만 적용할 때 사용됩니다. 2) 인터널(Internal) 방식 인터널 방식은 HTML의 body 텍스트 색상 h3 텍스트 색상 p의 텍스트 색상 위와 같이 아이디 "A" 테스트 다음으로는 class를 이용하여도 위.. [웹개발] HTML 스타일 안녕하세요 로로봉입니다 : ) HTML에서 스타일을 지정하는 방법을 알아보겠습니다. HTML 각 태그에는 스타일을 지정하여 글자색, 글자체, 배경색 등을 변경할 수 있습니다. 이 속성은 원래 CSS 속성으로 스타일을 지정하는 방법도 CSS 문법을 따릅니다. style 속성을 작성하는 방법은 다음과 같습니다. style = "속성1:값;속성2:값" CSS에서 사용할 수 있는 대표적인 속성은 아래와 같습니다. color : 글자색 지정 background-color : 배경색 지정 font-size : 글자 크기 지정 font-family : 글자체 지정 text-align : 텍스트 정렬 방법 지정 텍스트 스타일은 아래와 같은 태그로 간단히 설정이 가능합니다. 태그 기능 진하게 출력 강조 이테릭체 한 단계.. 이전 1 다음 반응형
