html, css, 자바스크립트/css62 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. css 이벤트 속성에 대하여 알아보기 css 이벤트 속성에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 이벤트 속성에 대하여 알아보도록 하겠습니다. 이벤트 속성은 자바스크립트에서도 자주 쓰이는데, 어떤 사건, 다시 말해 클릭이라던지, 커서가 위로 올라간다던지 등의 행동을 했을 때 그에 상응하는 무언가가 일어나는 것을 말합니다. 이는 css에서도 사용을 할 수 있고, 무조건 자바스크립트로만 모든 기능을 구현해야 하는 것이 아님을 보여드리기 위해서 작성하게 되었습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 여러 가지 이벤트 속성들 이벤트 속성은 제가 이전에 포스팅했던 가상 클래스 셀렉터와 연관이 되는데, 거기에서 쓰이는 셀렉터 입니다. 이전 포스팅은 아래에 기재를 할 테니, 가상 클래스 셀렉터에 대하여 궁금하신 분들은 같이 보시면 감.. 2023. 3. 13. 이전 1 ··· 10 11 12 13 14 15 16 다음