분류 전체보기 94

css - 속성 선택자

html 요소의 속성 유무 또는 속성값을 중괄호[ ] 안에 넣어 선택자로 사용 속성 값 설명 h1[class] class 명을 가진 h1 요소 img[alt] alt 속성을 가진 img 요소 p[class="abc"] class 명이 유일하게 'abc' 인 p 요소 p[class~="abc"] class 명이 유일하게 'abc' 이거나 여러개의 class 명 중 하나가 'abc'인 p요소 p[class|="abc"] class 명이 'abc' 이거나 'abc ~ ' 로 시작하는 p요소 p[class^="abc"] class 명이 'abc' 로 시작하는 p요소 p[class$="abc"] class 명이 'abc' 로 끝나는 p요소 p[class*="abc"] class 명이 'abc' 가 포함되어 있는 ..

CSS 2023.09.12

style, css - 작성방법 및 선택자

css 작성 방법 선택자{속성:값;속성:값;} h1{color:blue;} h1 요소에 color(글자색)을 blue(파란색)으로 설정해라. 선택자는 스타일을 지정하려는 html 요소를 의미하고 선언 블록은 {} 안에 작성한다. 속성과 값을 : 로구분, 하나 이상의 선언이 포함되어있다. 선택자 종류 사용방법 태그 (type)선택자 ex) h1, p, section h1{color:red;} 클래스 선택자 ex) .util .util{color:orange;} 아이디 선택자(주의 이름은 숫자로 시작할 수 없다.) ex) #gnb #gnb{font-size:30px;} 전체 선택자 ex) * *{color:blue;} 하위 선택자 ex) header h1 header h1{color:pink;} 자식 선택자..

CSS 2023.09.12

figma dropdown

1. 글자 입력하기 단축키 t 글자 입력 후 오른쪽 3번 칸에서 글자 속성을 변경한다. 2. 삼각형 모양 선택하기 글자와 삼각형 선택(drag) 한 후 마우스 우클릭 padding 등 설정해주고 외곽선 넣기 위해 stroke 선택하여 색 넣기, 배경색 넣기 위해 fill 선택하여 색 넣기. frame 복제 alt 누르고 아래로 드래그 , 또는 ctrl + c, ctrl + v 내용 수정하기 site1,2,3 선택 후 정렬 후 우클릭 add auto layout 또는 shift + a 각각 선택후 stroke 없애기 frame5 선택후 stroke 넣기 전체 선택 후 create component ( ctrl + alt + k) properties 의 + 클릭 variant 클릭 총 5개의 variant ..

figma 2023.09.08

포토샵 - 겹친글자2

1. ctrl + n 860 * 640 1. 1번 전경색 클릭 후 색상 000입력후 ok alt + delete 로 색상 변경 2. 단축키 t 또는 t 클릭하여 type tool 선택 3. set text color 클릭하여 원하는 글자색 선택 글자 크기 200pt 4 글자 하나 쓰고 ctrl + enter, 클릭 글자 하나 쓰고 ctrl + enter,클릭 글자 하나 쓰고 ctrl + enter,클릭 글자 하나 쓰고 ctrl + enter, 포,토,샵 포 레이어 선택 상태에서 ctrl + j 레이어 카피 fx 클릭하여 gradient overlay 선택 색상은 모두 검정으로 선택 첫번째 색상 opaicy: 100% 위치 0 마지막 색상 opacity 0% 위치 60% 토 레이어 선택 ctrl + j 방..

Design 2023.08.11