UX UI (4) 썸네일형 리스트형 1주일_3일차: UX,UI 색상 표현 -색을 사용하는 모든 속성에 적용 가능하다. 1.색상의 이름을 작성. -브라우저에서 제공하는 색상 이름을 입력한다. -간단한 색상 표현은 가능하지만, 명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다. 2.Hex(Hexadecimal): 16진수 색상 코드 -#으로 시작하며, 가장 많이 사용한다. 3. RGB ========================================= 박스 모델 -html 요소의 기본적인 모양을 만드는 속성. -요소의 너비, 높이, 내부 여백, 외부 여백 등 1. 요소의 너비와 높이 width, height 기본값: auto - 브라우저가 너비를 계산. 2.요소의 최대 너비: max-width, max-height 3.요소의 최소 너비: min-widt.. 1주일_2일차: UX,UI 웹 브라우저에서 내용을 표시할 때, 적용되는 스타일 1.웹 브라우저 자체 스타일 2.웹 문서를 제작한 "제작자"의 스타일 3.컴퓨터를 사용하는 "사용자"의 스타일 -작용 우선 순위 -사용자 > 제작자 > 자체 브라우저 자체 색상 : 하얀색 제작자:색상을 라이트 그레이 CSS 적용 우선 순위 -우선 순위란, 어떤 스타일을 먼저 적용할 것인지 결정하는 규칙 -우선 순위를 높이려면, 정확하게 해당 요소에 스타일을 적용하면, 우선 순위가 높아진다. 단, 스타일 규칙에 !important를 작성하면, 그 스타일 규칙이 다른 스타일보다 우선 순위가 높아진다. 점수 1)!important: 무조건 PRIORITY! 1억점ㅋㅋ 2)inline :1000점 3)ID selector:100점 4)class selector.. 1주일차: UX,UI select name="chart" multiple //이렇게 multiple하면 한번에 확 보여줌. 그렇지만 사용자 입장에서 친절한 화면이 아니다. 쉬프트 또는 컨트롤 키를 누를 생각을 하지 않을 수 있다 select의 그룹화 , outgroup -label 속성으로 하위 option 들의 이름을 작성할 수 있다. ===================================== form form요소는 서버에 데이터를 전송하기 위한 태그입니다. 사용자에게 데이터를 입력 받아 작성된 데이터를 전달할 수 있습니다. 사용자가 웹 사이트로 정보를 보낼 수 있는 대부분의 요소들은 폼입니다. 예:로그인, 회원 가입 등 공통 속성 1)name:폼의 이름을 지정하며, 서버에 전송될 데이터의 명칭. 2)value:서.. 첫날1일: UX,UI w3C 웹의 표준화를 추진하는곳. 월드와이드웹 컨소시엄 표준화를 추진하는데 예를들어 W3C에서 HTML5에는 무슨무슨 태그가 있어라고 정의를 하면 세상 모든 브라우저들이 이 표준에 맞게 브라우저를 구현해야합니다. 그래서 우리가 HTML에 정의된 태그를 사용해서 웹페이지를 만들면 모든 브라우저 상에서 잘 표현 될 거라는 것을 믿고 쓰는 것! 간혹 다른 브라우저에서 지원이 되지 않는 태그들이 있다. 웹표준:웹 기술을 표준화하기 위한 일련의 단계, 요구사항 웹표준 지키야하는 이유는? 브라우저 구성요소 - 브라우저 엔진이 있다 웹 페이지를 구성하는 html css등 자료를 해석해서 사용자의 장치에 맞게 변화하는 역할을 하는데 엔진 - 웹 표준에 의거하여 프로그래밍 해야한다 따라서, 코드 작성 시, 웹 표준에 맞.. 이전 1 다음
