본문 바로가기
html, 스타일시트(css, scss)

border

by yerica 2024. 5. 31.

보더의 두께는 절대 상대단위 쓰지 않는다, 절대단위 씀.

border none 초기화할때 쓴다.

 이미지 태그에서도 쓰는데 옛날 익스플로러에서는 이미지에 보더가있었다.

보더는 패딩이나 마진처럼 위아래 양옆 같이 적용하는 것이 없다. 적용하고 싶으면 상하좌주 다 따로 써줘야한다.

 

 

https://han288.tistory.com/40

 

Emmet CSS3 float left, div 태그 여러개 한번에 코딩하는 유용한 단축키, 스타일시트 적용 방법

아톰에서 HTML5, CSS3 작성 중 레이아웃을 잡기 위해 float을 자주 사용하게 됩니다. float:left 자동 완성 단축키 ffl 3단어를 넣고 탭 키를 누르게 되면 float:left가 자동 완성이 됩니다. div 태그 여러개

han288.tistory.com

https://s-bug.tistory.com/43

 

VS Code :: HTML/CSS 코드 빠르게 작성하는 방법 (feat. Emmet)

클론 코딩을 하다 보면 HTML과 CSS 코드를 언제 다 쳐야 하나 싶을 때가 있다. 좀 더 간결하고 빠르게 입력할 수 있는 방법은 없을까? 검색하던 중 Emmet 기능에 대해 알게 되었다. 다행히 사용하고

s-bug.tistory.com

https://developer.mozilla.org/ko/docs/Web/CSS/Specificity

 

명시도 - CSS: Cascading Style Sheets | MDN

명시도란 브라우저가 어느 요소와 가장 연관된 속성을 찾는 수단으로, 이렇게 찾은 속성이 해당 요소에 적용됩니다. 명시도는 여러 종류의 CSS 선택자로 구성된 일치 규칙에 기반합니다.

developer.mozilla.org

 

 

 

 

 

 

 

 

 

 

 

 

예쁜 동그라미를 만들고 싶으면 px , 퍼센트로 하면 타원형이 만들어짐