Next-BlockChain

고정 헤더 영역

글 제목

메뉴 레이어

Next-BlockChain

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기 (358)
    • Computer Science (19)
      • OS (3)
      • Network (1)
      • NoSQL (4)
      • DevOps (2)
      • Security (8)
    • Blockchain (94)
      • BlockChain Theory (25)
      • Bitcoin (3)
      • Ethereum (17)
      • Cosmos (4)
      • DeFi (13)
      • DID (3)
      • NFT (7)
      • Oracle - Chainlink (8)
      • Geth_2019_(NAKsir-melody)님자.. (1)
    • Web (13)
      • React (6)
      • NodeJS (4)
      • Echo (2)
    • Programming Language (201)
      • Go (60)
      • Solidity (40)
      • HTML (2)
      • JavaScript (97)
      • CSS (2)
    • 독서 (19)
      • 독후감 (19)
    • 교양 (6)
      • 국어 (4)
      • 영어 (1)
      • 인물 (1)
    • 경제 (0)

검색 레이어

Next-BlockChain

검색 영역

컨텐츠 검색

Programming Language/CSS

  • CSS 속성 공부

    2023.01.15 by Yongari

  • CSS 상속이해

    2022.12.23 by Yongari

CSS 속성 공부

1. border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만드는 속성이다. 예시 //사각형이 있을 때 이 속성을 사용하면 각 모서리를 30px 깎은 것 같다. border-radius: 30px; //이렇게 할 경우 왼쪽 상단, 오른쪽 하단에 25%를 깎고 오른쪽 상단, 왼쪽 하단에 10%를 깎는다. border-radius: 25% 10%; 2. position 속성은 문서 상에 요소를 배치하는 방법을 지정 static : 고정된 형태로 배치 relative : 다른 요소에는 영향을 주지않고 자기자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용 absolute : 다른 요소들 무시하고 전체적인 화면 기준으로 절대적인 값을 대입해서 적용하는 방식

Programming Language/CSS 2023. 1. 15. 09:50

CSS 상속이해

CSS는 스타일링 도구로서 독립적으로 기능하지 않습니다. HTML이라는 마크업 언어가 있어야 동작할 수 있습니다. CSS는 HTML을 스타일링하게 바꿈으로서 디자인적으로 html을 더 훌륭하게 만들어줍니다. CSS의 디자인적인 기능외에도 상속을 할 수 있는 기능이 있는데요 다음과 같습니다. CSS 상속 적용한 화면 body와 span 셀렉터에 color 속성을 부여했습니다. .main { color: rebeccapurple; border: 2px solid #ccc; padding: 1em; } .special { color: black; font-weight: bold; } 그리고 html 소스를 보겠습니다. main class 하위 자식 중 Item One, Item Two, Item Three까지..

Programming Language/CSS 2022. 12. 23. 21:21

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
Next-BlockChain © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바