로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 잡콕
  • 러브캡슐
  • 분류 전체보기
    • 세상정보
      • 아이디어 연못
      • HR 이야기
      • 이슈이야기
      • Trigger
      • 도서리뷰
      • 유명인의 생활습관
    • 피그말리온(PYGM)
      • 피그말리온 안내
      • 연애관련 NEWS
      • 개발일지
      • 비즈니스일지
    • 집필
      • 새로운 소설
    • CODING
      • BASIC 설정
      • HTML,CSS
      • Javascript
      • React.js
      • REACT NATIVE
      • Java
      • Python
      • etc.
    • PPT(파워포인트)
      • PPT 정보
      • PPT 템플릿양식
    • 자기관리
      • 일상생활(데일리)
    • 4주챌린지
      • 다이어트 게임

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

CODING/HTML,CSS

  • styled-components 자주쓰는 표현, 기본

    2022.12.29 by 피그말리온(PYGM)

  • HTML / CSS 기초 문법

    2022.05.27 by 피그말리온(PYGM)

styled-components 자주쓰는 표현, 기본

styled.button : 에 대한 스타일 정의 &.hover == .button.hover & + & == .button + .button : button끼리 붙어 있을 때 &:hover { color: red; } & ~ & { color: tomato; // 건너서 있을때 - } & + & { color: lime; // 바로 옆에 있을때 } **미디어쿼리(화면 크기나 환경에 따라 웹사이트 변경하는 기술)** (1) 미디어쿼리 기본문법: @media [only 또는 not] [미디어유형] [and 또는 ,콤마] (조건문) {실행문} - 미디어 유형: all, print, screen, tv, projection 등 - @media A and B {실행문} , @media A, B{실행문} - @m..

CODING/HTML,CSS 2022. 12. 29. 17:31

HTML / CSS 기초 문법

``` div태그: 여러태그들을 묶어서 css를 함께 꾸며주기 위한 태그 HTML section태그: div와 속성 똑같다 (=article) --> 난잡하지 않도록 구분하는 것 뿐 이력서 HTML/CSS HTML/CSS About Me HTML/CSS개발자 copyright CODE LION. ALL rights reserved. CSS @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800&display=swap'); --> 구글폰트 컴업 인기가 많음 * { font-family: 'Montserrat'; } footer { text-align: center; --> 박스안의 텍스트 정..

CODING/HTML,CSS 2022. 5. 27. 20:15

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
피그말리온 공식 인스타그램
푸터 로고 © 넥스트퍼스 all rights reserved.
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바