html, css, 자바스크립트/css62 css style 태그로 스타일 시트 만들기 css style 태그로 스타일 시트 만들기 네 안녕하세요, 이번 포스팅에서는 css 스타일 시트를 본격적으로 작성을 한 번 해볼 겁니다. css 스타일 시트는 html로 작성한 웹페이지를 좀 더 시각적으로 돋보이게 만들어주는 기능을 합니다. 그래서 정말 빠지면 안 되는 기능 중 하나이죠. 그래서 이번 포스팅에서는 이 스타일 시트를 어떻게 작성을 하는지 한 번 알아보도록 하겠습니다. 그럼 함께 보시죠. 1. 스타일 시트의 구성 : style 태그 이용 제가 이전 포스팅에 작성을 했듯이, 스타일 시트는 이런 식으로 생겼습니다. 이렇게 생겼습니다. 여기에서 괄호 바깥에 빠져있는 것을 우리는 선택자(selector)라고 부르고, 괄호 안에 보이는 것 중에 콜론 양 옆에 글자들이 쓰여 있죠? 여기에서 좌측에 있.. 2023. 3. 13. css 기초 맛보기 css 기초 맛보기 네 안녕하세요, 이번 포스팅부터는 css를 삽입을 하여 html을 작성하는 법에 대하여 익힐 것입니다. 전 포스팅 까지는 css 없이 순수 html만 사용하여 웹 페이지를 만들었다면, 이번에는 css를 이용하여 살을 붙이는 작업을 할 것입니다. 이번 포스팅에서는 그러한 작업을 돕는 css를 간단히 맛을 보는 시간을 가져보려 합니다. 그럼 지금부터 시작하겠습니다. 1. css란? css는 문자의 색, 모양, 출력 위치 등 외관을 꾸밀 때 사용을 합니다. 그래서 스타일 시트라고 부릅니다. 그리고 css는 style 태그를 이용하여 작성을 하며, head 태그 내에서 작성을 합니다. 그리고 보통 이러한 것을 주로 다룹니다. 색상 및 배경 텍스트 폰트 박스 모델(box model) 비주얼 포.. 2023. 3. 10. 이전 1 ··· 13 14 15 16 다음