드림코딩엘리 2

드림코딩 엘리 : CSS 셀렉터, 기초이론 정리.

CSS 란? -Cascading Style Sheet -style sheet : 잘 정리한 문서 한 장 -cascading : 폭포처럼 넘어가는 것, 정의된 세부사항 있으면 그것을 쓰고, 없으면 다음 지정된 파트로 넘어가는 것 Cascading 종류 -Author style : 개발자가 사용하는 css파일 -User style : 사용자가 지정한 스타일링 -Browser : 브라우저에서 기본적으로 사용하는 스타일링 -순서 : Author style → User style → Browser -! important : cascading의 연결고리를 끊는다. 연결고리를 무시하고 자신이 가장 중요하다고 한다. box구조를 잘못 나눔, bad smell, 안 쓰는 것이 좋다. Selector : html에 어떤 ..

CSS 2020.08.31

드림 코딩 엘리 : 컴팩트한 HTML 태그 완성

현업 개발자 엘리의 팁 뭐든지 나누어 보자. 프론트/백엔드 모두 박스화 생각하면서 만들자, 클레스, 함수를 만들 때도 세분화와 박스화를 할 수 있을지 생각하자. 큰 그림을 먼저 보자. 박스 태그/ 아이템 태그 -- 태그는 둘 중 하나 box - 섹션이 나눠지는 태그들 - 아무곳에서나 쓰일 수 있는 태그 - 반복된 재사용 가능한 형식이 묶여져 있는 태그 -문단을 정의하는 태그 구성할 때 섹션 태그를 이용해서 나누어준다 -- div로 무작위로 나누지 않는다. block - 한줄에 하나. - bolck 태그이다. inline - 공간이 허용하면 바로 옆에 배치 가능. - inline 태그이다. 부르는 이름 정리 element=node라고도 불린다. 태그 한쌍+ 내용이 element가 된다. attribute ..

HTML 2020.08.31