목록CSS (21)

< Code diaries />

CSS Selectors - 가상(Pseudo) 클래스 1 - child 와 siblings 선택

CSS Pseudo Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.가상클래스(Pseudo Class)는 독립적으로 사용하기 보다, 특정한 태그 뒤에 붙어서 보통 사용하게 됩니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax  A. ..
CSS 2024. 6. 9. 00:40
CSS Selectors - 선택자 알아보기 1

CSS Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax   A. 태그 선택자- 태그선택자는 말 그대로 태그명을 직접적어서 선택하는 것입니다.- 아래처럼 문서의 모든 태그의 글자색을 're..
CSS 2024. 6. 9. 00:23
CSS - Syntax, CSS 어떻게 하는건지 살짝 봅시다잉~

CSS(Cascading Style Sheet)  CSS는 HTML 웹문서를 스타일링 하기위해 만들어진 언어입니다.Cascading은 '계단식'이라는 뜻인데, style의 선언문이 계속 겹쳐져 우선순위를 따르고 있는 모습을 표현 한 것 같습니다.CSS를 HTML문서에 적용시키는 방법은 총 3가지 입니다.Inline(인라인) 선언 방식 : 태그에 직접적으로 style이라는 속성(Attribute)을 이용하여 넣는 방법입니다. Javascript로 css를 제어할때에 인라인방식으로 적용됩니다. Internal(내부) 선언 방식 : ...-  HTML의 ...-  css폴더 아래에 style.css 파일로 만들어 HTML문서에 링크하는 방식입니다.- 이 방법이 프로젝트를 할때에 가장 많이 쓰이는 방식이며,..
CSS 2024. 6. 8. 19:12
이전 Prev 1 2 3 4 Next 다음