본문 바로가기
  • [성공하는 개발자] - Developer

CSS9

[CSS] 자주 사용하는 글자 스타일들 ■ 자주 사용하는 글자 스타일들 font-size : 20px; font-family : 'gulim'; color : black; letter-spacing : -1px; text-align : center; font-weight : 600; 영어 단어를 잘 알고 계시면 무슨 뜻인지 바로바로 파악은 쉽다. ■ 이미지 정렬과 폭 조정 display : block; margin-left : auto; margin-right : auto; width : 150px; ■ 셀렉터의 우선순위 물론 class, id를 동시에 가지는 html 요소라면 스타일이 겹칠 수 있습니다. 그럴 경우 우선순위가 존재합니다. style="" (1000점) #id (100점) .class (10점) p (1점) 2022. 11. 9.
마우스 hover 모음 마우스 호버 애니메이션 모음 사이트 http://gudh.github.io/ihover/dist/index.html http://gudh.github.io/ihover/dist/index.html Note: This will not work in IE9, since IE9 doesn't support 3d rotate. gudh.github.io 2021. 9. 30.
HTML & CSS 기초 1. HTML 그룹화 섹셔닝 skip navigation Skip to content Enlighten Designs Main menu About Cntact Us Aside 1) 기본적으로 그룹화 하여 섹셔닝 해야된다. -그룹화 작업할 때는 div 태그로 - id는 큰 영역을 사용 할때 ( 본문 ) // 특정영역 바로가기 사용 - class는 다소 중요하지 않은 부분을 사용할 때 ( 중복사용 가능 ) 2) 섹셔닝 요소 Sectioning, section, article, nav, aside, header, footer 2. List 비순차적 목록, 순차적 목록 [ul, ol, li] See the Pen ul, ol 차이 by SEIN (@JHEcho) on CodePen. List 형태의 목록을 만들.. 2021. 8. 17.
Vscode 설치 및 확장 플러그인 1. VScode 설치 - Visual Studio Code(VS code)는 MS사의 오픈소스 기반의 크로스 플랫폼이다. - 다양한 개발언어를 지원하고, extension을 통해 쉽게 설치, 삭제가 가능하다. - 아래 주소에 가서 다운 받는다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite plat.. 2021. 8. 4.