Frontend/HTML CSS

자주 사용되는 메서드 next 다음 토큰을 String 타입으로 반환, 띄어쓰기 뒷부분은 읽지 않는다. nextLine '\n'을 포함하는 한 줄을 읽고 \n을 버린 나머지를 반환 nextByte return byte nextShort return short nextInt return int nextLong return long nextDouble return double close Scanner 사용 종료, void 타입 반환 hasNext 현재 입력된 토큰이 있으면 true, (새로운 입력이 들어올 때까지 무한정 기다린다.) ctrl+z 키가 입력되면 false 반환 주의할 점 입력값을 토큰 단위로 읽는다. (nextLine만 한 줄을 통으로 읽음) 공백문자도 버퍼에 저장되어 남아있다. 매개변수의 의..
#1 id 모든 id는 다르게 지정해주어야 하며, 특정 태그를 제어할 때 유용하게 쓰인다. 중복 사용이 불가하며 식별자 우선순위가 가장 높다. #2 class 여러 영역에서 중복 정의를 허용하여 재사용이 가능하므로 요소의 유형과 상관없이 일관적인 설정이 가능하다. #3 name id와 달리 중복이 가능하며 같은 속성의 값을 동시에 제어할 수 있어 배열에서 활용도가 높다. 자바스크립트에서 이벤트 발생 시 요소를 참조할 수 있게 한다. CSS에서는 사용할 수 없다. 식별자 우선순위 id > class > 일반 태그들
미디어쿼리란? PC, 모바일, 태블릿 등 다양한 사이즈의 기기에 대응되는 반응형/적응형 웹사이트를 제작하기 위해 사용되는 CSS 구문 주의사항 미디어쿼리가 제대로 작동하지 않는 문제에 대비하여 메타 태그를 작성한다. * 메타 태그: 해당 문서에 대한 정보를 정의 (head 내부에 작성) // viewport: 기기의 화면을 의미 // width를 기기 화면 width로 치환 // 비율: 1.0 형식 min-width, max-width로 브라우저의 가로폭을 설정한다. 설정한 가로폭이 되었을 경우 {} 내부 css 속성으로 대체한다는 의미. /* 원본 속성 */ .medianame { width: 800px; height: 800px; background-color: green; } /* 반응형 */ @m..
#1 Type 기존에 존재하는 특정 태그에 스타일을 적용 #2 Class 클래스 이름을 이용하여 스타일을 적용 (별명 개념으로 미리 지정한다.) // class hello world #3 ID ID를 이용하여 스타일을 적용 (태그 이름 개념) // id hello world
#1 Inline Style Sheet 태그 안에 직접 스타일을 적용 h1 #2 Internal Style Sheet #3 External Style Sheet 태그를 이용해 불러오기 > html, css 파일을 따로 관리하여 가독성이 높고 유지보수가 쉽다.
#1 transform rotate(deg); 입력한 각도만큼 회전 scale(width, height); 확대(비율) skew(x-deg, y-deg); 비틀기 translate(x, y); 좌표 변경 prefix 접두사 다른 버전의 브라우저에서의 실행을 원할 경우 transform의 앞에 prefix 접두사를 붙인다. #2 transition transition-property: ; 적용하고자 하는 css 속성 transition-duration: ; 효과가 나타나는 데 걸리는 시간 transition-timing-function: ; 효과의 속도 (linear: 일정하게) transition-delay: ; 딜레이 /* 위 두 가지 종합 */ #3 animation transition과 유사함 an..
ov
'Frontend/HTML CSS' 카테고리의 글 목록