CSS

Html 태그들에 디자인을 입혀준다태그 style 속성에 직접 작성한다편리하지만 적용해야할 스타일이 많아질수록 가독성이 떨어진다.Html 코드와 혼재되어있어 유지보수에도 좋지 않다.Html 파일내에 안에 css문법을 사용하여 스타일을 작성한다.기능적으로 html 구조

폰트 스타일을 지정하는 속성폰트 이름에 띄어쓰기가 들어가 있다면 “” 쌍따옴표로 감싸주어야 한다.사용자가 어떤 브라우저를 사용할지 모르기 때문에 폰트 패밀리 값에는 여러가지 폰트를 나열한다.폰트 크기의 단위는 px, em, pt 등 여러가지가 있다.브라우저는 태그에 맞

모든 요소의 기본 정렬은 왼쪽 정렬이다span은 inline-element 이기 때문에 블록 형태로 차지하지 않으므로 오른쪽 정렬이 되도록 클래스를 부여해도 오른쪽 정렬이 되지 않는다.들여쓰기코드 내에서 스페이스와 엔터를 아무리 추가해도 실제 결과 화면에서는 적용되지

contents 와 border 사이에 생기는 영역테두리border: 5px solid black;border 외부에 생기는 여백div 태그처럼 블록 요소일때 width 값을 주면 content(내용)가 차지하는 영역이 더 이상 늘어나지 않게 된다. 이때 margin에

class나 id가 selector일 때 태그와 결합할 수 있다p태그이면서 p-tag 클래스p태그이면서 third-line 아이디여러 선택자를 사용할 수도 있으며, 선택자는 서로 붙어있지 않고 스페이스로 띄워준다.tag<<<class<<&lt

이미지를 웹사이트에 추가하기 위해서 img 태그를 사용한다alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제되었거나 잘못된 이미지 주소일 때) 이미지 대신 보여줄 텍스트src: 이미지 파일 경로나 이미지 url주소가로만 지정해주게 된다면 가로의 비율에 맞춰서 세로

대부분의 html element는 block 요소이다header, footer, p, li, table, div 등block요소란 요소 바로 옆에 다른 요소를 붙여넣을 수 없다는것을 의미하며 항상 새줄에서 시작해 좌,우로 최대한 늘어나 영역을 차지한다.block요소와

ol: orderd list 라는 의미로 목록에 숫자를 달아준다, 숫자를 쓰지 않아도 자동 넘버링 된다.ul: unordered list. 숫자 없는 목록을 표현해준다. 목록 아이템 앞에 작은 원이 생긴다.목록은 항상 ul 이나 ol 태그로 감싸야 한다해당 태그의 첫번

position 프로퍼티를 사용하면 html 코드와 상관없이 그리고 싶은 어느 위치에에나 요소를 그릴 수 있다.문서의 흐름에 맞추어 배치하며 left, top 속성 지정 불가능이전 요소에 자연스럽게 배치하되 위치 지정 가능특정 부모에 대해 절대적으로 움직이게 된다. 원

float: right;float: left;float: nonefloat 은 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티이다.요소를 왼쪽이나 오른쪽에 떠 있게 만들 수 있다.float속성을 가진 요소는 부모가 높이를 인지할 수 없어서 요소가 부모를 벗어

A BSelects all B inside of A. B is called a descendant because it is inside of another element.xamplesp strong selects all elements that are inside