css작성법 3

[제이쿼리] 제이쿼리 란?

제이쿼리 란? 빠르고 작고 기능이 풍부한 자바스크립트 라이브러리입니다. 다양한 웹 브라우저에서 동일한 방법으로 사용할 수 있는 라이브러리로 크로스 브라우징 라이브러입니다. ⭐️ 작성법 cdn을 먼저 연결한 후 ready()라는 제이쿼리 기능을 작성합니다. ⭐️ 핵심기능 on() 메서드와, 단축 이벤트 메서드를 사용하면 이벤트를 쉽게 사용할 수 있습니다. 스타일 설정도 가능합니다.

Js 2021.12.27

[css]style 적용 우선순위

오늘은 css를 작성했을 때, 스타일이 적용되는 우선순위에 대해 정리해볼게요. 작업할 때 이런 규칙에 대해 알고 있어야 css내에서 충돌이 나지않습니다. 작업을 하다 보면 하나의 태그에 여러 가지 스타일을 주는 경우가 있는데, 이때 특정한 규칙에 따라 우선순위가 부여되는 것입니다. 순서 대로 나열해 보자면, ⭐️우선순위⭐️ 속성 값 뒤에! important를 붙인 속성 html 내에 style을 직접 지정한 속성 #id로 지정한 속성 .클래스, :추상클래스로 지정한 속성 (추상 클래스> 클래스) 태그 이름으로 지정한 속성 상위 객체에 의해 상속된 속성 이 순서입니다. 만약 모든 순서가 다 같다면 제일 나중에 선언된 스타일이 적용됩니다.

html,css 2021.12.09

[CSS] font-face 사용방법

웹폰트란? 방문자의 로컬 컴퓨터의 폰트 설치 여부와 상관없이 온라인 특정 서버에 위치한 폰트를 다운로드하여 화면에 표시해주는 웹 전용 폰트입니다. @font-face를 사용하여 웹페이지 제작자가 원하는 폰트를 사용할 수 있게 합니다. font-face 규칙은 css3에서 새롭게 추가된 규칙입니다. html 문서에서 웹폰트를 적용할 때 사용하는 규칙으로, 웹 서버에 저장되어 있는 글꼴을 내려받아 화면에 표시해 주는 방식입니다. 간단히 말해서 웹브라우저에게 다운받은 서체의 이름과 위치를 알려주는 거죠 *작성법 @font-face { font-family: src: [, ]*; font-weight: ; font-style: ; } font-family : 폰트명을 지정합니다. : 폰트의 위치를 나타내는 UR..

html,css 2021.12.05
728x90
반응형