YoonStudyNote

1. 태그에 직접 작성하기(인라인) 이방법은 HTML 태그에 직접 작성하기 때문에 선택자가 필요하지 않는다. 태그에 직접 작성1 단점으로는 우리가 직접 찾아서 값을 넣어줘야하는데 만약 넣어줘야하는 값이 많아지면 곤란해진다. 그래서 최대한 피해야한다. 그리고 수정하는데에도 굉장히 비효율적이다. 그렇다고헤서 이것 자체는 나쁜 방식은 아니다. 2.HTML에 포함하기(내장) --> embeded방식 CSS만 따로 작성하기 때문에 선택자가 필요하다. CSS코드가 HTML의 안에 포함되어 있다. (style태그는 head태그안에 설정을하는 속성이다.) HTML에 포함1 HTML에 포함2 HTML에 포함3 3. HTML 외부에서 불러오기 (link) 외부에서 문서를 가져오는 방식이다. CSS 코드를 완전히 분리할 수..

속성과 값은 글자색은 무엇, 너비는 얼마, 여백은 얼마 같은 스타일을 지정할 때 사용한다. div{ color : red; //글자색은 빨강 font-size : 20px; // 글자 크기는 20px width : 300px; // 가로 너비는 300px margin: 20px; // 바깥 여백은 20px padding : 10px 20px; //안쪽 여백은 위아래 px, 좌우 20px position : absolute; //위치는 부모 요소 기준. }

선택자는 HTML에 스타일(CSS)을 적용하기 위해서 HTML의 특정한 요소를 선택하는 사인(sign)이다. "빨간 글자색 (CSS, color : red;) 을 저기 제목 (HTML, 에 적용하겠어!)", "파랑 글자색(CSS, color:blue;)은 여기 본문(HTML, 에 적용하겠어!)"와 같이 적용할 스타일을 속성과 값으로 나타내고 적용할 대상(H1,P)을 선택자로 나타낸다. h1{ //선택자 color : red; } p{ //태그 color : blue; }