내 책상 서랍 위 내 책상 서랍 위

학습

• CSS 선택자(Selector) 종류

  학습/CSS 2022. 3. 22. 16:15

  id class tag a > b(자손) a b(후손) 링크선택자 :link, :visited 반응선택자 :hover, :active 그룹선택자 - 선택자, 선택자 ::after, ::before 상태선택자 :checked 구조선택자 동위선택자 속성선택자 에서 type이 속성 에서 href / title이 속성

  Read More
• CSS 접두사(Vender Prefix)

  학습/CSS 2022. 3. 21. 14:32

  접두사는 웹 브라우저 공급업체에서 제공하며, 최신 브라우저가 아닌 사용자를 위해서 CSS 서식이 원활히 안나올 것을 대비해 붙여주는 것입니다. -ms- 마이크로소프트 익스플로러 -webkit- 구글 크롬 -mox- 파이어폭스 -webkit- 사파리 -o-오페라

  Read More
• UIUX 디자인 기본 원칙(ios)

  학습/UIUX 2022. 3. 7. 16:35

  1️⃣ 모바일에선 가로스크롤없이 한 화면에 보여야 합니다. 2️⃣ 아이콘 사이즈는 최소 44*44px 입니다. 3️⃣ 텍스트 사이즈는 최소 11pt(14px) 입니다. 그 외에 다른 내용들은 아래의 링크를 참조하시기 바랍니다. 출처 : https://developer.apple.com/kr/design/tips/ UI 디자인 기본 원칙 - Apple Developer 콘텐츠 형식 지정 기기 화면에 맞는 레이아웃을 생성하십시오. 사용자가 기본 콘텐츠를 확대/축소 또는 가로로 스크롤하지 않고 볼 수 있어야 합니다. 더 알아보기(영문) developer.apple.com

  Read More
• CSS 미디어 쿼리(Media Query)

  학습/CSS 2022. 3. 6. 15:59

  미디어 쿼리는 디바이스의 화면 크기마다 각각 다르게 css를 적용하는 기술입니다. 반응형 웹을 제작하기 위한 필수적인 방법으로 기본 문법은 이렇습니다. css 외부 서식은 디바이스의 성격에 맞게 파일명을 저장하면 구별하기가 더 쉽습니다. ex) pc.css _ tablet.css _ mobile.css

  Read More
• CSS 포지션(position) 속성

  학습/CSS 2022. 3. 4. 14:00

  Position은 문서 내에서 위치를 설정해주는 속성입니다. {Position의 종류} static : 기본값. relative : 요소의 본래 위치에서 상대적으로 배치. absolute : 절대배치(포함 블록의 네 변 기준). 브라우저의 왼쪽 상단 꼭지점에서 시작. fixed : 브라우저 스크린 기준으로 배치 inherit : 부모의 속성값을 상속 받음. (요샌 잘 쓰지 않는) 1️⃣ static 가장 기본적인 정적 위치로 top, bottom, left, right의 영향을 받지 않습니다. 2️⃣ relative 상대 위치로 기준을 잡아줄때 주로 쓰입니다. 부모에 relative를 걸어주고 자식에게 absolute를 걸어서 위치 조정. 3️⃣ absolute 절대 위치로 relative가 걸린 요소를..

  Read More
• CSS 가운데(중앙) 정렬

  학습/CSS 2022. 3. 3. 19:41

  가운데 정렬을 할 때 자주쓰는 공식을 하나 소개하려고 합니다. 1️⃣ 기준이 되는 영역에 position:relative를 준 뒤 2️⃣ 가운데로 오게 하고 싶은 영역에 position:absolute 후 나머지 소스를 써주면 됩니다.

  Read More
• CSS 초기화(reset.css)

  학습/CSS 2022. 3. 2. 14:45

  브라우저에 기본적으로 생기는 여백이나 ul, li태그 앞에 생기는 목록 점이나 하이퍼링크 걸린 글자에 밑줄이나 텍스트의 기본 파란색 컬러를 초기화 시켜주는 문서입니다. 1️⃣ 이 사이트에서 reset 문서를 다운 받은 후 https://cssdeck.com/blog/ 2️⃣ 웹 편집기에서 title 밑에 문서를 연결 해주면 완료입니다.

  Read More
• CSS 자손, 후손 선택자

  학습/CSS 2022. 3. 1. 23:28

  1️⃣ id 2️⃣ class 3️⃣ tag 4️⃣ a > b(자손) 5️⃣ a b(후손) 6️⃣ :link, :visited 7️⃣ :hover, :active 8️⃣a, b, c, d(그룹선택자)

  Read More