# 선택자

35개의 포스트

HTML CSS 학습 9일차

벨로그 글씨에 색상 넣기(링크)css 다중 선택자마진 겹침 현상 해결 가상요소 선택자모바일 우선 개발미디어 쿼리W3C validator (오류 검사 사이트)눈에 안익어서 헷갈릴 떄가 있다. 다중 선택자.a, .b, .c { } => a 또는 b 또는 c (모두 적용

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[TIL] CSS Selector👿

기본적으로 여래개의 선택자를 선택하는 방법이 있고, 이는 ,로 각 선택자들을 구분한다.직관적인 이해를 위해 예시를 들어보았다.ul의 자식은 li 3개이다. ul의 자손은 li를 포함한 li, div, p이렇게 된다.ul li {color:red;}자손을 선택하려면 공

2021년 11월 4일
·
0개의 댓글

웹 접근성 준수 포트폴리오 기업 웹사이트 제작 (77일차 TIL)

CSS선택자 n번째부터 끝까지, check box 스타일링

2021년 10월 5일
·
0개의 댓글

[CSS] 선택자

선택자란? CSS 규칙을 만들 때 어떤 HTML 요소를 선택할지 정의하는 것을 말합니다. JavaScript에서도 HTML에 동적인 요소를 추가할 때 선택자를 사용하므로 중요한 개념입니다. Type Selector (태그 선택자) tag를 선택하여 해당되는 모든 ta

2021년 9월 29일
·
0개의 댓글
post-thumbnail

선택자

위의DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트이다. 위와같이 코드를 구성하면다 읽고난 상태가 되었을때 , 콜백 함수를 호출한다. 쉽게말해 컴퓨터가 위에서부터 순서대로 읽어 내려가는게 아닌 우선 다읽어들이고 난 뒤에

2021년 9월 23일
·
0개의 댓글
post-thumbnail

CSS 고급 선택자

둘 이상의 선택자를 연결해서 스타일이 적용될 요소가 어느 부분인지 지정하위 요소 : 특정 요소를 기준으로 그 안에 포함된 요소하위 선택자(자손 선택자) : 부모 요소에 포함된 모든 하위 요소자식 요소 뿐만 아니라 손자 요소까지 적용자식 요소 : 현재 요소를 기준으로 바

2021년 9월 7일
·
0개의 댓글
post-thumbnail

CSS(기초)

선택자 = 어디에 적용할 것인지를 나타냄속성과 속성 값은 콜론(:)으로 구분 '속성:속성 값' 같은 형시으로 표시하고 다음에는 세미콜론(;)으로 구분한다여러개 사용된 스타일 규칙들을 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 묶어 놓은 것= 문서 안에 정리

2021년 9월 7일
·
0개의 댓글

[CSS] 선택자(Selector) - (1)

작업한 내용 코드펜 링크: css 선택자는 후에 자바스크립트로 DOM 객체를 가져올 때도 사용되기 때문에 제대로 짚고 넘어가는 편이 좋을 것 같아서 포스팅을 하고자 한다. 오늘 배운 내용은 모두 저 위에 코드펜 링크로 연습을 해봤고, 여기서는 그에 대해 요약 및 정리를

2021년 9월 7일
·
0개의 댓글
post-thumbnail

CSS

Cascading Style Sheet세부적으로 정의된 스타일이 있다면 쓰고, 없다면 기본 스타일로 HTML을 스타일링 해준다상위 태그에서 정의된 디자인이 하위태그로 상속개발자가 지정 => 사용자가 지정 => 기본브라우저 설정HTML의 스타일을 손쉽게 제어할 수 있고,

2021년 8월 26일
·
0개의 댓글

[CSS] 생활코딩 2일차

CSS 속성을 스스로 알아내기 우리는 이제 CSS에서 어떤 효과를 의미하는 용어가 Property 라는 것을 알게 되었으므로 검색하고 질문하고 궁금해할 수 있다. 그래서 이번 시간에는 CSS 속성을 스스로 알아내는 경험을 해보았다. 만약에 WEB 이라는 제목의 크

2021년 8월 9일
·
0개의 댓글
post-thumbnail

CSS 선택자

선택자는 스타일(CSS)을 적용할 대상이다.전체 선택자, 모든 요소를 선택태그 선택자, 태그 이름이 ABC인 요소 선택클래스 선택자, HTML class 속성의 값이 ABC인 요소 선택아이디 선택자, HTML id 속성의 값이 ABC인 요소 선택기본 선택자를 합성해서

2021년 7월 21일
·
0개의 댓글
post-thumbnail

210630 개발일지

웹 프로그래밍, html, css, 부모자식유전, 선택자

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[TIL][jQuery] 선택자(Selector)

2021.06.25 Today I Learned jQuery의 선택자(Selector)

2021년 6월 25일
·
0개의 댓글

웹 프론트 - CSS

같은 스타일이 지정될 그룹 의미style 태그에서 .을 이용해 지정중복가능특정한 태그에만 지정하고 싶은 스타일을 나타냄style 태그에서 \*\*- 한 페이지에서는 딱 한번만.과 우선순위 : id > class > 태그

2021년 6월 18일
·
0개의 댓글
post-thumbnail

[JQuery] 선택자 함수에서의 변수

JQuery를 실습하며 오해할만한 일들

2021년 6월 8일
·
0개의 댓글
post-thumbnail

스타일링 중에 생긴 일 1

리액트를 하면서 오랜만에 css를 했다.스타일링은 니꼬쌤이 클론 해보라고 보내준 behance의 웹디자인을 따라했다.따라하던 중 '아.. 이거 js로 따로 해야하나?' 싶었던 것이 아래 기능이었다.기능은 두가지 였는데1\. 각 메뉴에 hover하면 border-left

2021년 6월 8일
·
0개의 댓글

CSS의 선택자,우선순위

CSS의 선택자, 공백 선택자, 가상 클래스 선택자, 가상 요소 선택자, 선택자 우선순위

2021년 5월 20일
·
0개의 댓글
post-thumbnail

<CSS> - 선택자 & 캐스캐이딩

* ⭐선택자(selector) * >> CSS를 좌우하는 2가지 중요한 요소가 있는데 그 중 하나는 효과이고 다른 하나가 바로 '선택자'이다. 선택자에 지정될 효과를 declaration이라고 하고 이는 '선언'이라는 뜻이 있음. ** HTML문법이나 동시에 CSS

2021년 5월 11일
·
0개의 댓글