[CSS]CSS#4(반응형) reponsive ?-> 반응형: 창의 사이즈에 맞게 변화 , 부모자식과의 상관관계반응형 웹의 '반응형'이 이 reponsive를 뜻함 em, rem 테스트 em 단위 -> 부모 폰트사이즈 rem 단위 -> html 폰트 사이즈 layout HEADER MAIN ASIDE FOOTER variableImg 창의 크기에 따라 이미지도 같이 조정됨 CSS 2024.06.28
[CSS]CSS#3 relative : 요소 자기 자신을 기준으로 배치 absolute : 부모를 기준으로 배치 absolute : 부모를 기준으로 배치static : 기본값(기준없음)fixed : 뷰 포트 기준으로 배치 , 스크롤 내려도 고정 박스의 크기와 위치를 잘 살펴보아야 합니다. 박스의 포지션 속성을 바꿔가며 테스트 해 보아야 합니다. 포지션을 이해하기위해서는 테스트가 절대적으로 팔요합니다. fixed! .. CSS 2024.06.21
[CSS] CSS#2 clearflaot로 만든 박스를 따라가지 않게 만든다. 교통카드 못쓰는 `반쪽 애플페이`…첫날부터 혼란 애플의 근거리무선통신(NFC) 결제 서비스 '애플페이'가 한국에 상륙했다. 애플과 현대카드는 21일 서울 용산 현대카드 언더스테이지에서 '스페셜 이벤트' 를 열고 애플페이 서비스를 시작한다고 밝혔다. 정태영 현대카드 부회장은 자신의 아이폰을 공개하며 애플페이 서비스 개시를 알렸다. 이에 맞서 삼성과 네이버는 삼성페이와 네이버페이 간 연동 서비스를 이르면 23일로 앞당기는 등 애플페이에 '맞불'을 놓고 있다. ◇"얼굴 인.. CSS 2024.06.13
[CSS] CSS #1 배경이미지 삽입 교통카드 못쓰는 `반쪽 애플페이`…첫날부터 혼란 애플의 근거리무선통신(NFC) 결제 서비스 '애플페이'가 한국에 상륙했다. 애플과 현대카드는 21일 서울 용산 현대카드 언더스테이지에서 '스페셜 이벤트' 를 열고 애플페이 서비스를 시작한다고 밝혔다. 정태영 현대카드 부회장은 자신의 아이폰을 공개하며 애플페이 서비스 개시를 알렸다. 이에 맞서 삼성과 네이버는 삼성페이와 네이버페이 간 연동 서비스를 이르면 23일로 앞당기는 등 애플페이에 '맞불'을 놓고 있다.◇"얼굴 인식후 갖다대면 끝"…간편결제 시장 '게임 체인저' 될까= 이날 정 부회장은 "16년 전에 아이폰을 산 다음에 그 신기함에 매료돼.. CSS 2024.06.11
[CSS]선택자 타입 선택자 / id선택자 / 클래스 선택자 선택자 타입 (태그) 선택자 태그 이름을 지정하여 선언 id선택자 요소에 id를 지정하고 style에서 지정된 id값을 사용 #으로 구분 class 선택자 요소에 class 지정하고 style에서 지정된 class값을 사용 .(dot)으로 구분한다. CSS파일/*타임 선택자*/pre{ text-align: center;}h1{ te.. CSS 2024.06.05
[CSS]인라인스타일시트 / 외부스타일시트 css 기본 문법 작성 방식 3가지 1. 인라인 스타일시트 2.내부 스타일 시트 : html 파일 내부에서 간단하게 작성 3.외부 스타일 시트: css 파일을 만든다. 외부스타일시트 ( CSS파일 )/*외부 스타일 시트*/b{ color:aqua;} 출력화면 CSS 2024.05.26