Hello World

Elements 의 Attrubute를 선택 할 수 있다. ex) a Elements 의 target Attrubute

CSS pseudo-class 는 선택될 요소(element)의 특별한 상태를 지정하는 선택자(selector)에 추가된 키워드 이다. 예를 들어 :hover는 사용자가 선택자에 의해 지정된 요소 위를 맴돌(hover) 때 스타일을 적용한다. a:hover { background-color: yellow; } 출처 및 All CSS Pseudo Classes https://www.w3schools.com/css/css_pseudo_elements.asp CSS Pseudo-elements CSS Pseudo-elements What are Pseudo-Elements? A CSS pseudo-element is used to style specified parts of an element. For exa..

CSS 선택자(Selector) 끼리 결합이 가능하다 이를 결합자(combinators)라하고 대표적인 아래 4가지 유형을 알아보자. (주황 : style미적용 코드, 초록 : style적용코드) descendant selector (space) (자손) 결합자 ex) child selector (>) (자식) 결합자 ex) adjacent sibling selector (+) (인접형제) 결합자 ex) general sibling selector (~) (이전형제) 결합자 출처 https://www.w3schools.com/css/css_combinators.asp

코드 작성시 소문자로 작성

html기본구성 자동완성 : ! + tab 다중클릭가능 : alt + 커서클릭 주석처리 : ctrl + / (여러줄 가능) 쓸때없는 문자 생성 : Lorem 2(문장수) 자동완성 : p + tab 클래스 또는 아이디 구성 자동완성 : 클래스명 또는 아이디명 + tab

학원 다닌 후 두번째주 월요일이 시작되었다 오전 6시 50분 버스를 타도 만원이다.. ㅋㅋ 부지런한 사람들이 이렇게 많았었구나 나도 질 순 없지! 오늘은 학원내용을 보고 진도위주로 갈지 개인 프로젝트 위주로 갈지 결정해야겠다..

블리자드 메인 웹 사이트를 분석 하여 복사본을 제작 해보기로 하였다. 원본 https://www.blizzard.com/ko-kr/ 블리자드 엔터테인먼트 Dedicated to creating the most epic entertainment experiences...ever. www.blizzard.com 12월 20일 시작 ~ (HTML,CSS(bootstrap),JavaScript)

HTML과 비슷하게, CSS도 특정한 기능을 하는들이 미리 정의되어 있으며, 이를 활용하여 태그의 스타일을 정의 할 수 있다. 속성: 값 의 형태로 사용되며, 여러 속성끼리는 ;를 통해 구분됩니다. 하나의 선택자의 속성들을 한 줄로 쓰든, 여러줄로 나누어 쓰든 상관이 없으며 작업하는 사람들 끼리 정하여 편한대로 사용하면 된다. HTML의 속성(attribute)과 CSS 속성(property)은 어떤 차이점이 있나? attribute 는 html 문서 안에서의 정적인(바뀌지 않는) 속성 그 자체를 의미하고, property 는 html DOM 안에서 동적인(바뀌는) 속성(또는 그 값)을 의미합니다. DOM 이란? 문서 객체 모델(The Document Object Model)은 HTML 문서의 프로그래밍..

ID와 CLASS id 는 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이고(표기방식은 #이름) 하나의 문서에 고유한 id 하나밖에 쓸 수 없습니다. class 그룹으로 묶어서 스타일을 지정할때 쓰는 이름이다. (표기방식은 .이름) 여러 클래스 적용 가능 하다. (id,class 이름은 자유롭게 지으면 되지만 숫자로 시작해선 안된다.) ( * 모든 선택자를 의미하며 선택자 그룹핑이 가능하다 ex) p, h1{ value } .mycolor,myfont{ value } )

1. Elements (요소) HTML 문법에서 대부분의 요소들은 시작 태그와 종료 태그로 작성되며 그 사이에 내용이 들어간다. 그러나 모든 요소에 종료 태그가 "필수"인 것은 아니며 시작태그 또한 마찬가지이다. 이른바 빈 요소(empty elements, void elements)로 불리는 일부 요소들은 종료 태그가 없다. 1-1 Block & Inline Elements(블록 과 인라인 요소) block 요소 저절로 width 폭이 부모의 width만큼 꽉 찬다. 같은 block 요소와 inline요소 모두 감쌀 수 있다. width height margin padding을 가질 수 있다. 자동으로 줄이 바뀐다. inline요소 자기 자신의 컨텐츠를 갖고 있는 것 까지만 width와 height을 갖..