본문 바로가기

분류 전체보기221

css 텍스트 프로퍼티로 텍스트 꾸미기 css 텍스트 프로퍼티로 텍스트 꾸미기 네 안녕하세요, 이번 포스팅에서는 css를 이용하여 텍스트를 꾸며보는 시간을 가져보려 합니다. 우리가 사실 웹에서 가장 많이 보는 건 글입니다. 그래서 글에 특정한 꾸밈을 넣어주는 건 의외로 중요한 기능들을 합니다. 예를 들어 밑줄이라던지, 하이라이팅이라던지, 삭제를 위한 수평선 등이 있죠. 그래서 이번 시간에는 텍스트를 어떻게 꾸미는지 알아보도록 하겠습니다. 그럼 지금부터 같이 보시죠. 1. 텍스트 관련 프로퍼티 : text-indent, text-align, text-decoration css에서 텍스트를 꾸밀 때 역시 색깔을 다룰 때처럼 관련 프로퍼티들이 존재를 합니다. 크게 들여쓰기, 정렬하기, 그리고 꾸미기가 있습니다. 여기에서 들여쓰기와 정렬하기는 큰 틀.. 2023. 3. 13.
css 색 프로퍼티에 대하여 알아보기 css 색 프로퍼티에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 색 프로퍼티에 대하여 알아보도록 하겠습니다. 우리가 색깔을 쓰기 위해서는 색 프로퍼티를 이용해서 적용을 시켜야 합니다. 그래서 이번 포스팅에서는 그러한 프로퍼티가 무엇이 있는지 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 색 관련 프로퍼티 : color, background-color, border-color 그리고 이러한 색을 지정할 때 쓰는 css 프로퍼티가 존재를 합니다. 크게 글자색, 배경색, 경계의 색깔을 나타내는 프로퍼티를 많이 씁니다. 이 프로퍼티들은 이렇게 씁니다. color : 색; // html 태그의 텍스트 글자색 background-color : 색; // html 태그의 배경색 border.. 2023. 3. 13.
css로 색 꾸미는 방법에 대하여 알아보기 css로 색 꾸미는 방법에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 css에서 색을 꾸미는 방법에 대하여 알아보도록 하겠습니다. 사실 css의 핵심 요소 중 하나라고 할 수도 있는 색은 우리가 보는 웹페이지를 다채롭게 만드는데 일조를 합니다. 그리고 시인성 측면에서도 큰 기여를 하기 때문에 매우 중요한 요소입니다. 그래서 이번 시간에는 css에서는 색을 어떻게 다룰 수 있고, 어떻게 꾸밀 수 있는지 한 번 알아보도록 하겠습니다. 1. css로 표현하는 색 css에서 색은 크게 3가지 방법으로 표현이 됩니다. RGB RGBA HSL 그중에서 가장 많이 사용이 되는 RGB를 이용을 하여 나타내는 방법을 알아볼 것이고, RGB 표현법만 알아도 css를 자유롭게 사용하는 데는 전혀 지장이 없습니다. 1.. 2023. 3. 13.
css 여러 가지 셀렉터 조합하는 방법에 대하여 알아보기 css 여러 가지 셀렉터 조합하는 방법에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 셀렉터를 조합하는 방법에 대하여 알아보도록 하겠습니다. 우리가 셀렉터를 사용할 때는 한 가지만 한 시트에 쓰는 것이 아니라, 여러 가지 셀렉터를 써서 서로 상호 유기적인 연결이 되어 하나의 매끄러운 프로그램을 만듭니다. 그래서 이번 시간에는 그러한 방법에 대하여 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 셀렉터 조합하기 우리는 css를 정말 많이 쓰기 때문에 사실상 셀렉터가 한 개만 있을 수가 없습니다. 그리고 같은 태그가 여러 개인데, 이들이 어디에 속해 있느냐에 따라서 css를 다르게 적용을 해줘야 할 때가 필연적으로 생깁니다. 그래서 그럴 경우에 셀렉터를 조합을 하곤 합니다. 이를테면 .. 2023. 3. 13.

티스토리툴바