본문 바로가기

분류 전체보기221

css id 셀렉터에 대하여 알아보기 css id 셀렉터에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 id 셀렉터에 대하여 알아보도록 하겠습니다. id 속성은 class 속성 만큼이나 자주 쓰이는 속성입니다. 그리고 html에서 기능적인 부분을 구현할 때 자주 쓰이는 속성이기 때문에 매우 중요합니다. 이번 시간에는 이 id를 이용하여 css를 적용시키는 방법에 대하여 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. id 셀렉터 id 셀렉터는 class 속성과 같은 기능을 하기는 하지만, 앞에 붙이는 것이 다릅니다. 셀렉터를 작성할 때 '#'을 붙여서 작성을 합니다. id 셀렉터는 class 셀렉터를 쓰는 것과 같이 '#' 뒤에 본인이 명명하고자 하는 id명을 적고 쓰시면 됩니다. 이에 대한 간단한 코드도 준비를 해봤.. 2023. 3. 13.
css 클래스 셀렉터에 대하여 알아보기 css 클래스 셀렉터에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 클래스 셀렉터에 대하여 알아보도록 하겠습니다. html에서 클래스는 id와 함께 기능적인 부분을 구현할 때 자주 쓰이는 기능입니다. 이번 시간에는 그러한 기능을 가진 클래스를 이용하여 스타일을 적용하는 방법에 대해 알아볼 것입니다. 그럼 시작하도록 하겠습니다. 1. class 셀렉터 : '.' 이용 class 셀렉터는 html 태그에서 사용하는 class 속성과 연결을 합니다. 그래서 class 속성을 사용해서만 연결을 지을 수 있다는 특징이 있습니다. 그리고 class 속성 셀렉터를 작성을 할 때는 본인이 작성하고자 하는 클래스의 이름 앞에 '.'을 붙여서 짓습니다. 그럼 간단한 예제와 함께 같이 봅시다. Web Programmi.. 2023. 3. 13.
css 태그 이름 셀렉터에 대하여 알아보기 css 태그 이름 셀렉터에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 태그 이름 셀렉터에 대하여 알아보도록 하겠습니다. 셀렉터는 html을 꾸밀 때 사용하는 기능인데, 저번에 했던 포스팅에서 스타일 시트를 작성하면서 봤던 것들이 셀렉터 입니다. 그래서 이번 시간에는 그러한 셀렉터 중 하나인 태그 이름 셀렉터에 대하여 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 태그 이름 셀렉터 태그 이름 셀렉터는 우리가 쓰는 html 태그의 이름이 그대로 셀렉터로 쓰이는 경우를 이야기합니다. 이를테면 h3, img, label 등 우리가 사용하는 html 태그라면 전부 다 쓸 수 있습니다. 그러면 이러한 예시를 하나 간단히 보여드리도록 하겠습니다. Web Programming 2학기 학습 내용 H.. 2023. 3. 13.
css 규칙에 대하여 알아보기 css 규칙에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 css 규칙에 대하여 알아보도록 하겠습니다. css도 프로그래밍 언어의 일부로써, 일련의 규칙이 존재합니다. 그래서 그 규칙을 지켜서 작성을 해야 제대로 된 기능을 발휘할 수 있습니다. 그럼 지금부터 이 규칙들에 대해 알아보도록 하겠습니다. 1. css 규칙 css 작성 시 지켜야 할 규칙들은 아래와 같습니다. css 스타일은 부모 태그로부터 상속이 된다. 스타일 합치기가 가능하고, 오버 라이딩(덮어쓰기)가 가능하다. 1 - 1. css 스타일의 상속 모든 프로그래밍 언어가 그렇듯이, html에서도 상속이 존재합니다. 언제나 부모 태그에 상속이 됩니다. 이걸 좀 더 쉽게 말씀을 드리자면, a라는 태그가 있습니다. 이 a 태그를 p 태그로 감.. 2023. 3. 13.

티스토리툴바