네이버 부스트코스-html/css

네이버 부스트코스 비전공자를 위한 HTML/CSS 코칭스터디 1기에 당선되어서 html을 새롭게 또 공부해보기로 했다.일반 동영상 강의와는 달리 멤버들과의 협동이 중요시 되는 강의라기에 기대된다.html의 기초를 전에 공부하기도 했지만 다른 강의에서는 전 강의에서는

태그의 중첩잘못된 태그 선언올바른 태그 선언<i>의 종료 태그를 먼저 선언해준 후 <h1>의 종료 태그를 선언해야 합니다.태그는 대부분 중첩가능하다 <h>등 몇몇의 태그는 부모태그로 분류되며 부모태그는 자식태그보다 먼저 종료돼서는 안된다이런 태그들이

일주일만의 갱신이다지난주에 식중독에 걸려 일주일간 침대에서 거의 못일어났다매일 한개 이상 깃허브 커밋하기라는 목표를 세우고 있었는데 건강에 이상이 오니 일주일가까이 지킬수 없어서 너무 속상하지만 할수없지 지금이라도 다시 시작할수밖에…html태그는 약 130개 정도가 존

" base, link,meta, noscript, script, style, title ” 등이 있다대부분 헤드태그 내에서 사용된다대부분의 태그에 속한다" a, abbr, address,map>area, article, aside,audio, b, bdo, block

선택자 - 여기에서는 h1, css로 꾸미고자 하는 부분을 말한다 ;으로 명령이 끝났음을 표기한다속성(property)값선언(declaration) color:yellow; ← 이렇게 명령하는것이 선언이다선언부(declaration block) {} ← 이 부분을 선

요소선택자태그 선택자라고 한다.이 태그는 h1~h6태그의 색을 yellow로 하겠다는 뜻이다 이것은 그룹화 하여 표기할수 있다.선택자쉼표로 선택하고자 하는 태그를 그룹할수 있다전체 선택자\*은 모든 태그에 적용한다는 뜻이다선언선언들을 그룹화 할때는 세미클론; 을 사용한

class의 값으로 선택할수있다.일때 p는 class foo라고 선언되었음으로로 앞에 . 을 찍고 class이름을 입력해주면 그 클래스에 해당되는 요소에 스타일이 적용된다일때 이 p의 값은 class foo, bar 2개의 값으로 선언되어있다이렇게 2가지 값을 선언하면

스타일의 적용h2 요소에 red-text 클래스를 추가합니다.h2 요소가 붉은색이 되도록 스타일을 수정합니다.첫 번째 p 요소가 붉은색이 되도록 합니다.두 번째, 세 번째 p 요소는 붉은색이 되면 안됩니다.과제 목표에 따른 스타일의 변경 h2와 첫번째 p요소에 clas

https://www.w3schools.com/https://www.w3.org/위 사이트들에 들어가면 내가 원하는 CSS속성의 정의를 확인할수있다.기본값 - medium상속가능여부 -yes애니메이션 가능 여부 -yes버전-CSS1 버전부터 사용할수있

px( 1px = 1/96th of 1 inch )pt( 1pt - 1/72 of 1 inch )%부모의 값에 대해서 백분율로 환산한 크기를 갖게 됩니다.emfont-size를 기준으로 값을 환산합니다. 소수점 3자리까지 표현 가능합니다.remroot의 font-siz

CSS에서는 다양한 색을 나타낼수 있다.black white 등 색상의 이름을 입력할수도 있지만색상의 코드를 입력하여 출력할수도 있다.16진수로 표현하는 색상 이와 같이 숫자와 알파벳으로 구성된 RGB의 값을 입력하여 색상을 표현한다. b : blac

div는 block태그이기때문에 div가 선언된 전체의 배경색이 변한다span은 line태그이기때문에 span이 지정된 단어까지만 배경생이 변한다이 경우 높이를 500px로 적용하였기 때문에 div의 범위는 500px가 된다배경은 yellow색상을 가진다배경에 이미지

그림에서처럼 박스모델이 각각의 요소가 나누어져있다.content안에는 입력내용이 들어간다 이경우 div를 박스모델로 만들고 각각의 요소의 값이 입력되어있다border : 선의 굵기 10px, 색상 - padding : border와 contant사이의 여백 30pxm

\*\*마진 병합(margin collapse)은 CSS 박스 모델(https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Box_Modelwidthfirst-box-1의 width는 100px로 지정되어있다이 박스는 동시에

baseline의 위치가 문자열을 만들때 매우 중요하다글꼴을 지정하는 선언이다family-name과 generic-family로 구성된다family-name은 지정순서로 폰트의 우선순위 결정 (한글 지원여부)generic-family는 family-name으로 지정한

요소의 rendering box 유형을 결정display : value;< 속성 값 >none : 요소가 렌더링 되지 않음inline : inline level 요소처럼 렌더링block: block level 요소처럼 렌더링inline-block : inline

선언방법 : @media media queris{...}media queries : 참이면 {..] 뒤에 문이 실행되고 거짓문이면 실행되지 않음미디어 타입all, braille, embossed, handheld, print, projection, screen, sp