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

HTML & CSS5

[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.
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 태그 자동 완성 방법 Vscode 자동 완성 방법 1) HTML5 기본 완성 단축키 : ! + tab 2) 더미 TEXT 넣기 Lorem + tab 예) Lorem100 + tab 3) 기본 태그 매타 : meta + tab 타이틀 : title + tab 링크 : link + tab 스타일 : style + tab 제목태그 : h1, h2, h3, h4, h5, h6 + tab 강조 태그 : strong, em + tab 블록 태그 : p + tab 인라인 태그 : span + tab 하이퍼링크 태그 : a + tab 이미지 태그 : img + tab 목록 태그 : ul, ol , li + tab 루비 주석 : ruby + tab 시간의 표현 : time + tab 특수문자 표현문자 문자표현 숫자표현 문자 설명 스페이스 공.. 2021. 8. 9.
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.