본문 바로가기

전체 글80

공부기록, 21-04-18 부트스트랩 단어정리 버튼 hover 마우스를 올렸을 때 옵션이 바뀐다. active 버튼을 눌렀을 때 표시가 뜨는 것 Disabled 비활성화 상태 투명도를 주거나 흐릿하게 한다. Valodstion 폼 유효성 검사 Input창에서 정보를 제대로 입력하지 않았을 때 사용한다. Drodown 클릭했을 때 들어있는 하위 정보를 보여줄 때 사용한다. Navigation 페이지를 이동하는데 필요한 링크들을 모아놓은 창 Navigation bar 헤더와 비슷한 역할을한다. Breadcrumbs Pagination 같은 정보체계 안에서 다음페이지로 넘길 수 있다. 현 위치와 이동가능 위치를 구분짓는 것이 중요하다. 색이나 모양을 다르게 디자인한다. Label 부가적인 설명을 할 때 사용 Badge 새롭거나 읽지 않.. 2021. 4. 23.
공부기록, 21-04-17 BMX 메뉴만들기 복습하기 '| '(&)nbsp;'|' 대신 쓸 수 있는 것 = width 2021. 4. 23.
웹 코딩 21-04-22 HTML아이디와 클래스 설정하기 ID는 개인고유의 이름이다. 그래서 동일한 ID가 나올 수 없다. Class는 그룹이다. 엘리먼트마다 같은 Class를 가질 수 있다. Class는 같은 이름이 가능하고, 한 엘리먼트가 여러개의 Class를 가질 수 있다. 아이디와 클래스 찾는 방법 #아이디 .클래스 아이디와 클래스에게 다른 속성을 주었을 때, 클래스의 속성이 더 강하다 엘리먼트가 클래스를 여러개 가지고있을 경우.. c3 c4 c5 ..., .c3.c4 -> 붙여쓰면 중복으로(둘 다) 가지고있는 엘리먼트를 말한다. .c3 .c4 -> 띄어쓰면 자식 엘리먼트(c4를 찾는다.)를 찾는다. 2021. 4. 23.
공부기록, 21-04-16 21-04-16 공부기록, text-align : center , left, right, a 에다가 정렬을 하면 글자 본인들만 정렬하기 때문에 div한테 바로 줘야한다. hover : 마우스를 올린상태 CSS에서 마우스를 올린 상태의 효과를 적용할 수 있다. '(&)nbsp;' : 띄어쓰기 : 줄을 띄워준다. 2021. 4. 22.
웹 코딩 21-04-21 공부기록 새로배운내용 :nth-child( ) n번째 자식에게 효과를 줄 수있다. HTML과 body 의 속성에대해 이해한다. :nth-child( n+1) n+1번째 마다 효과를 동일하게준다. 2021. 4. 22.
웹 디자인 21-04-21 새로 배운내용 펜툴 : P 펜툴 끊기 : ctrl+ 아무곳 클릭 펜툴을 이용해서 그림을 그리고 선을 딸 수 있다. 캐릭터를 그리는 다양한 방법 1. 펜툴로 오브젝트 순서에 따라 딴다. ( 컴퓨터로 그린듯 깔끔하다.) 2. 펜툴로 색상별로 나눠서 딴다. ( 펜의 터치가 더 느겨짐) 2021. 4. 22.