css의모든것

대외활동/멋쟁이사자처럼 8기 (WEB)

[멋쟁이사자처럼8기 1주차] CSS기초의 모든 것 With vscode(Visual Studio Code) (20.04.16)

안녕하세요! 지금부터 HTML의 기초에 이어 CSS의 기초에 대해 끄적이며 공부해보려고 합니다. ​ 지금부터 같이 공부해요!! 1. CSS 사용 형식 ​ 아래 종류 3가지를 소개하며 사용 방법을 보실 수 있겠지만 간단하게는 css를 적용하고 싶은 선택자를 골라주세요. 그 다음 선언부는 다음과 같이 사용합니다. 선택자{ 속성: 값; 속성: 값;} 땀표시(;)로 여러 속성에 css 값을 입혀 사용할 수 있습니다! 다음 그림은 html 안 테이블 li에 class이름을 select로 설정한 모습입니다. 만약 테이블 아래의 선을 제외한 모든 선을 지우고 싶다면 다음과 같이 css를 설정해 boder line을 없애줍니다! ​ 그럼 결과는 다음과 같이 도출됩니다. ​ ​​ ​ 2. CSS의 종류 3가지 ​ 첫 번..

대외활동/빡공단 12기 (HTML, CSS)

CSS의 모든 것 2탄 선택자 총 집합 : id / class / 가상선택자(hover / focus / before / after) 사용법

10강~11강을 요약해보도록 하겠습니다. 1) 만약 id나 class가 없다면? css로 오로지 태그 이름만 설정할 수 있다면 어떤 일이 일어날까요? 안녕 나는 산와머니라고 해! @font-face { font-family: "IM_Hyemin-Bold"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2") format("woff"); font-weight: normal; font-style: normal; } div { font-size: 50px; font-family: "IM_Hyemin-Bold"; } '안녕'과 '나는 산와머니라고 해!'라는 텍스트에 다른 효과를 주고 싶어도 주지 ..

SHIN SANHA
'css의모든것' 태그의 글 목록