CSS

CSS등장 이전에는 일반 태그와 같은 font 태그를 이용했는데 이렇게 되면 제목이라는 정보를 담고있는 h1, 하이퍼 링크가 연결됐다는 정보를 담고 있는 a태그와 구분이 안감. 태그니까 다 똑같이 생김! -> 스타일의 경우는 다른 방식이 필요하겠구나! 다른 표현 방식

이전에 배운 스타일 태그를 통해 여러개를 한번에 수정할 수 있었음.그치만 그중에서도 한개만 수정하고 싶다면? 위에 스타일 태그 내에선 불가능함.그럼 어떻게? a태그에다가 직접 css 코드를 넣는다!coloer:red 근데 이렇게 하면 웹브라우저는 이 코드가 html인지

폰트 사이즈 설정 방법https://developer.mozilla.org/ko/docs/Web/CSS/font-size텍스트 정렬 방법https://developer.mozilla.org/ko/docs/Web/CSS/text-align

박스모델

그리드 +아무런 의미가 없고 단지 디자인 용도로만 쓰고싶을때, div(블록레벨), span(인라인레벨) 태그를 사용한다. 그리드를 사용하려면 부모 태그가 필요한데, 이를 위해 부모 태그에 id를 입력하여 그룹을 만들자. 즉 두개의 태그를 나란히 배치하고싶거나 다른

화면 크기에 따라 웹페이지의 각 요소가 반응하여 최적화된 모양으로 바뀌어 동작 하는것 > 반응형 웹, 반응형 디자인, 리스폰시브 웹\->CSS를 통해 구현하는 '미디어 쿼리'예를들면 화면 크기가 800px보다 크냐 작으냐에 따라 div태그를 보이게, 안보이게 하고싶으면

우리가 만든 웹 페이지 1.html, 2html, 다 동일하게 코드 적용 =>일일히 복붙 해야되고 style.css라는 별도의 css파일에 <style>태그로 묶었던 내용들을 저장하면 해당 웹페이지에 연결된 페이지들을 한꺼번에 관리할 수 있다. 한번에 수정할 수