반응형 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. 웹표준 이란? 1. 웹표준 (웹 접근성) https://www.wah.or.kr 1) 웹 접근성이란? - 장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유 할 수 있는 인터넷 공간을 말한다. 2. 웹표준 관련 기술의 소개 - 웹접근성의 수준을 향상시키는 데에 최적의 방법으로 인식되고 있는 웹표준 관련 기술에는 어떠한 것이 있는지 살펴보고, 이러한 기술의 쓰임새와 의미에 대해 자세히 살펴 보자. 1) 구조 언어 (X)HTML & XML HTML은 ‘HyperText Markup Language’의 약자로, 하이퍼텍스트를 표현하기 위한 마크업 언어라고 정의할 수 있습니다. HTML은 SGM(Standard Generalizes Markup Language)을 모체로 하여 국제 표준 기구인 ISO가 1986년에 채택한, .. 2021. 8. 4. [CSS] 이미지 세로 중앙 정렬 https://abcdqbbq.tistory.com/54 [css 응용] 이미지 세로 중앙 정렬 css를 사용하다보면 이미지를 세로 중앙 정렬이 필요한 경우가 매우 많이 있다. 그 방법에 대해 알아보려한다. 1. line-height와 vertical-align을 이용한 정렬 이미지를 감싸는 영역에 line-height값을 준 abcdqbbq.tistory.com 2021. 7. 16. 이전 1 2 다음 반응형
