본투비곰손

목록태그 사이트 상에서 목록으로 볼 수 있는 존재들을 만들때 사용하는 태그 비슷한 형태의 존재가 3개 이상일 경우 목록으로 볼 수 있다.(항상 예외는 존재 한다!!!) , 사용시 하위 목록에 태그를 사용하여 나열한다. 태그는 순서가 없는 태그이고 은 순서가 있는 태그이다. 예) 사과 딸기 포도 키위 을 사용하면 아래와 같이 출력된다. ●사과 ●딸기 ●포도 ●키위 1번손님 2번손님 3번손님 4번손님 을 사용하면 아래와 같이 출력된다. A.1번손님 B.2번손님 C.3번손님 D.4번손님 li 속성에 list-style:none를 넣어주면 목록을 없애 줄 수 있다. 여백계산법 웹사이트의 한정된 공간에서 동일한 가로 길이와 여백울 줘서 깔끔하게 태그들을 배치 시켜주기위한 방법 (총 가로의 길이 - 여백의 갯수 *..

Front-end/HTML 2023. 5. 25. 23:03

display 1. display : block 의 특징 -width ,height 속성이 적용된다. - 연속으로 사용 할 경우 세로 정렬이 된다. - 가로 값을 넣어주지 않으면 현재 웹사이트의 길이에 맞춰진다. 만약에 감싸는 부모 태그가 있다면 그 부모태그의 가로값으로 설정된다. - 세로 값을 넣어주지 않으면 태그안의 내용물에 따라 자동으로 늘어나거나 줄어든다. 2. display : inline 의 특징 - width, height 속성이 적용되지 않는다. - 연속으로 사용 할 경우 가로 정렬이 된다. 3. display : inline-block 의 특징 - width, height 속성이 적용된다. - 연속으로 사용 할 경우 가로 정렬이 된다. - margin:0 auto로 중앙정렬 되지 않는다...

Front-end/HTML 2023. 5. 24. 22:23

table 자주사용하지 않지만 일반적으로 표를 만들때 사용한다. 항상 입력해야하는 속성 (99%) table-layout : fixed 기본값이 auto이기때문에 내용의 길이에따라 길이가 무한대로 늘어나기 때문... border-collapse : collapse 기본값이 각각 table의 border line이 생기기때문에 ...

Front-end/HTML 2022. 1. 15. 23:36