# selector

105개의 포스트
post-thumbnail

[html&css] css란? 선택자 알아보기

css를 사용하는 이유? html의 내용과 상관없이 디자인만 바꿀 수 있다.다양한 기기에 탄력적으로 바뀌는 문서를 만들 수 있다 (패드, 노트북, 핸드폰..)스타일 형식은 아래와 같으며, 맨 앞의 선택자는 어느 태그에 적용할 것인지를 알려준다.내부 스타일 시트 : 스타

약 10시간 전
·
0개의 댓글
·
post-thumbnail

[CSS]자식, 후손 선택자 그리고 이건 뭐라고 부르나요 ?

자식 선택자, 후손 선택자, 그리고 이건 뭐야...?

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

부족한 CSS 지식 - 선택자

나의 부족함....

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

결합 선택자

선택자(selector) 사이에 특수 기호를 사용해서 선택자들을 같이 사용하는 경우종류로, 자손(후손) 선택자와 자식 선택자가 있습니다.첫 번째 선택자와 하위 선택자에 해당하는 모든 요소에 스타일을 적용 시킵니다.첫 번째 선택자란, 코드 상 맨 왼쪽에 위치하는 선택자

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

7/12 17일차

오늘은 리코일을 공부했다.공부했는데.. 공부해도 잘 모르겠다..

2022년 7월 13일
·
1개의 댓글
·

[React] Recoil 전역상태관리 (전역상태관리 방법 2)

atom 이란?atom은 상태를 정의하는 방법. atom이 set되면, 해당 atom을 구독하고 있던 '모든 컴포넌트들의 state가' 새로운 값으로 리렌더링 된다!즉, 값을 바꾸면 재할당 해줄 필요없이, 바로 적용이 된다.But, atom을 사용하고 있던 함수가 자동

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

2022.06.30

id로 이름 붙여서 스타일링class로 이름 붙여서 스타일링여러개의 class를 하나의 엘리먼트에 적용id와 class의 차이점색상글꼴텍스트 속성정렬사이즈 단위HTML 문서의 레이아웃예시block, inline, inline-blockblock, inline 대표 요소

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

css_tag 선택자 & class 선택자

스타일의 속성을 적용하는 요소를 "선택자(selector)"라고 한다태그 하나가 될 수도, 여러 개의 요소를 묶어 별도의 선택자로도 지정할 수 있음기본형 tag {style}태그 선택자를 지정하면 그 태그가 사용된 모든 요소에 적용됨만약 같은 태그라도 스타일을 다르게

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

[6/21 일반] jQuery 익히기 - 스타일, 애니메이션

1) 필기 내용jQuery 선택자 : jQuery를 통해 문서에서 제공해주는 다양한 기능들을 구현하는 것에서, 필요한 태그를 적시적소에서 선택할 수 있도록 제공해줌이클립스 → help 메뉴 → install new software → add → archive → 폴더(

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

[43일차] jQuery - jQuery 란, 선택자

자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리DOM과 관련된 처리를 쉽게 구현CSS 선택자를 이용하여 쉽고 편리하게 요소를 선택일관된 이벤트 연결을 쉽게 구현시각적 효과를 쉽게 구현Ajax 애플리케이션을 쉽게 개발j

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

web 기초/css(element, selector, class, id, name)

div, table 등등 영역을 차지하는 곳에 직접 style 등을 지정하는 방식하나 하나 지정하는 방식은 비효율적이다입력할 페이지 내부에 위의 이미지와 같이 형식을 지정하는 방식페이지의 코드가 번잡해지는 단점이 있음업로드중..더 자세한 설명 : https:/

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

RecyclerView에서 selector background color 간단하게 적용하기(feat.주의점)

왜냐면, 셀렉터 속성에 drawable밖에 없기 때문.(color로 선언할 수 있는 속성이 없음)그냥 이렇게 color.xml 파일에 drawable 태그로 색상을 선언해주면 된다.그럼 이렇게 drawable 속성에 위에서 만든 color를 넣어줄 수 있다!왜냐면 각

2022년 5월 17일
·
0개의 댓글
·

20220510

inline styling(13줄에 style 요소로 직접): 1000점id: 100점class: 10점tag: 1점tag <<<<< class <<<< id <<<<<< inline cs

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

[Android] Storage Access Framework(SAF) 이란?

  Android 4.4(API 19)이후부터 문서, 이미지(사진) 및 각종 다른 파일을 탐색하고 여는 작업을 간편하게 해주는 Storage Access Framework(SAF)가 도입이 되었습니다. Selector를 통해 사용자가 일관된 방식으로 파일을 탐색하고 최

2022년 5월 6일
·
0개의 댓글
·
post-thumbnail

[TIL] Unit 5. CSS 기초

🌱용어 정리 CSS(Cascading Style Sheets) : 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일시트 언어이자 더 나은 사용자 경험(UX)을 제공하기 위한 도구 (사용자가 HTML문서를 잘 이해할 수 있도록 돕는 역할) UI(User Interfac

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

[HTML&CSS] CSS 기본

body{font-family:monospace;} 지금까지는 HTML로 웹 페이지의 구성을 만들었다면 이제는 드디어 밋밋하던 웹 페이지를 꾸밀 수 있게 되었다. 지금부터는 만들어 둔 웹 페이지를 CSS(Cascading Style Sheets)를 통해 텍스트의

2022년 5월 1일
·
0개의 댓글
·
post-thumbnail

기본패딩제거

위젯들의 기본패딩 제거 , 라디오버튼 체크박스 커스텀

2022년 4월 29일
·
0개의 댓글
·
post-thumbnail

CSS 기본문법

!youtubeh0AlL9YI6bM!youtubenC2-nJEXL2U1.< head > 안의 < style >을쓴다.2\. style 속성을 사용한다.3\. style은 각각을 세미콜론을 사용하여 구분한다.한 태그에만 원하는 내용을 지정하려면태그 안에 sty

2022년 4월 21일
·
0개의 댓글
·
post-thumbnail

CSS 구조 및 선택자

CSS(Cascading Style Sheets)은 HTML이나 XML로 작성된 문서의 표기 방법을 기술하기 위한 스타일 시트언어로, HTML 태그에 디자인을 입혀준다.오픈 웹의 핵심 언어 중 하나로, W3C 명세가 다양한 브라우저의 표준으로 작동하고 있다.현재 CSS

2022년 4월 20일
·
2개의 댓글
·