목록프로그래밍 언어/CSS 공부 (15)

끈기의 힘 : 뉴비에서 풀스텍으로

[인프런/생활코딩] 선택자 공부 팁? 가상 클래스 선택자?

3. 선택자 공부 팁 '선택자'는 CSS에서 '주어'와 같은 의미. 대단히 중요! CSS가 발전하면서 그 양도 늘어났기에, HTML 문법처럼 기본형태만 알고 모르는 건 찾아보는 게 좋다. 1) Selector 수련방(들어가서 이 곳의 목표는 움직이고 있는 애들을 타이핑해라 하는 의미!!) flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io ★ 진도 다 빼고 여기서 공부하고 정리도 하기 ★ 2) 'css cheatsheet selector' (구글 이미지에 검색) - 필요한 '선택자'를 그때 그때 찾아볼 수 있는 커닝 페이퍼 느낌. 4. 가상 클래스 선택자(Pseudo ..
프로그래밍 언어/CSS 공부 2021. 2. 25. 09:57
[인프런/생활코딩] 선택자(Selector)_선택자와 선언? id 선택자?

1. 선택자와 선언 위의 사진처럼, 만약 표현하고 싶은 CSS 문법이 하나라면 끝마침 표시인 새미콜론(;)을 color:red 다음에 쓰지 않아도 되지만, 예를 들어, text-decoration:underline처럼 문법을 하나 더 추가하고 싶다면, ★ color:red 다음에 새미콜론이 꼭 와야 한다. 즉, 새미콜론은 '끝마침'을 표시해주는 역할을 하는 데, 그래서 color와 text-decoration을 구분해주는 역할을 하게 된다!! ★ (내 생각엔 하나만 쓰더라도 새미콜론을 쓰는 버릇을 들이면 될듯 싶다.) ※ color나 text-decoration 등의 선택자들을 찾고 싶으면 구글 이미지에 'css selector'라고 검색해보기. 즉, 위의 사진처럼 우리가 만든 코드에서 selector는..
프로그래밍 언어/CSS 공부 2021. 2. 25. 09:13
[인프런/생활코딩] CSS 기초부터 활용까지_CSS 오리엔테이션

1. CSS 소개_CSS의 동반자 HTML * HTML의 본질은 '정보', 어떻게 정보를 잘 표현할 것인가? 가 핵심. 웹 페이지가 좀 더 아름답기를 원함. 정보 + 디자인의 기능을 동시에 갖게 된다. - 디자인과 관련한 가장 유명한 태그 와 는 조금은 다른 태그. 뭔말? 태그는 HTML, CSS, JS에서 '정보'를 알려주는 태그라 한다면, 는 HTML, CSS, JS에서 '시각적인 디자인'에 관련한 태그라 생각하면 편하다. HTML이 정보에 전념하게 하기 위해 기존 개발자들은 고통스럽지만, 여기서 '디자인'을 빼버린다. 그리고 아예 새로운 언어인 CSS란 언어를 만든다. HTML에서 CSS로 분화될 수밖에 없었던 이유. 1. HTML이 '정보'에 집중할 수 있도록 하기 위해 2. CSS가 '디자인'에..
프로그래밍 언어/CSS 공부 2021. 2. 24. 16:36
Prev 1 2 3 Next