'공부거리/HTML,CSS' 카테고리의 글 목록

[CSS 기초] CSS 문법 알아보기

CSS를 사용하려면 CSS의 문법을 알아야 합니다. CSS 코드를 예제로 쉽게 알아보도록 하겠습니다. CSS의 기초적인 내용에 대해서 알아보겠습니다. 이전 포스팅에선 CSS를 HTML에 적용시키는 방법에 대해 알아보았는데요. 거기에서 몇몇 CSS코드를 이용해서 알아보았습니다. 이번 시간에는 이 CSS코드의 문법은 어떤 방식으로 쓰이는 걸까요? CSS 기본 문법 아래는 가장 기초적인 CSS 코드입니다. p { color: red; font-size: 20px; } 여기서 p는 선택자 (selector)이며 color는 속성 (property), red는 값(value) 입니다. 선택자는 스타일을 적용하고 싶은 HTML에서 부여한 id와 class를 적어주시면 됩니다. (** 선택자에 대한 내용은 추후 포스..

공부거리/HTML,CSS 2021. 5. 6. 02:39

CSS 사용법 기초 HTML 적용방법 3가지

CSS사용법을 함께 알아볼께요. 매우 기초적인 부분입니다. CSS를 HTML에 적용시키는 방법에 대해서 이번 시간에 알아보도록 해요. 웹 개발에 필수라고 하면 CSS와 HTML이 있습니다. 대체로 HTML이 웹 페이지의 뼈대, 토대라고 한다면 CSS는 모양을 결정짓는 살(skin)같은 것이며 JAVASCRIPT는 그렇게 만들어진 웹 페이지의 액션을 담당합니다. 이번 포스팅에선 CSS를 HTML에 어떻게 적용시키는지에 대해 알아보겠습니다. CSS를 HTML에 적용시키는 3가지 방법. 지금부터 배워볼께요. CSS 사용법 기초 HTML 적용방법 3가지 CSS를 HTML에 적용시키는 방법은 3가지가 있습니다. 각각의 방법은 장단점이 있습니다만, 조금 더 나은 방법이라고 알려진 것도 있습니다. 1. Inline ..

공부거리/HTML,CSS 2021. 5. 5. 06:28

HTML 형광펜, 중요 문구 강조표시 적용하기

뉴스기사 보다보면 HTML로 형관펜을 효과를 적용하여 강조표시를 하는 것을 본기억이 있으신가요? 인터넷은 사실 HTML과 CSS, 그리고 JAVASCRIPT라는 기술을 이용해서 우리 눈에 가시적으로 보기 좋게 꾸며진 코드(code)들의 나열입니다. 보통 HTML을 뼈대, CSS는 꾸미기, JAVASCRIPT는 행동이라고들 표현하는데요. 이번 포스팅에선 HTML과 CSS를 이용하여 문구에 마치 HTML형관펜을 이용하여 밑줄을 친 것 같은 강조표시를 어떻게 하면 좋을지 알아보려고 해요. 이 방법은 티스토리에 적용가능하기 때문에 유용하게 사용하실 수 있을거라 생각합니다. HTML형광펜 이 형광펜 효과는 css를 적용하여 만들면 됩니다. 아시는분도 계시겠지만 css 문법은 간단하게는 몇가지만 알면 되지만 심도있..

공부거리/HTML,CSS 2021. 5. 2. 13:27

[CSS] 색을 표현하는 CSS 3가지 방법

css에서 색을 표현하는 방법은 3가지가 있습니다. 3가지 방법을 모두 알아보신 뒤 편한것을 사용해보세요. 그러나 3가지중 하나만 사용해야 하는 것은 아닙니다. CSS로 웹사이트를 꾸밀때 가장 많이 사용하는 속성이 있습니다. 바로 "색(Color)" 입니다. CSS를 공부하시는 분들은 당연히 잘 아실텐데요. 이번 포스팅에선 색을 표현하는 CSS의 3가지 방법에 대해 알아보도록 하겠습니다. CSS 색을 표현하는 3가지 방법 css에서 색을 표현하는 방법은 3가지가 있습니다. 한가지는 "red", "black", "white"처럼 색의 이름으로 표현하는 색상이름 표현과, rgb(0,0,0) 과 같이 표현되는 rgb색상값 표현, 마지막으로 16진수코드로 표현되는 16진수 색상값 표현이 그것입니다. 색상이름 표..

공부거리/HTML,CSS 2021. 4. 28. 17:41

공부거리/HTML,CSS → (4)건

[CSS 기초] CSS 문법 알아보기

CSS 사용법 기초 HTML 적용방법 3가지

HTML 형광펜, 중요 문구 강조표시 적용하기

[CSS] 색을 표현하는 CSS 3가지 방법

티스토리툴바