728x90 반응형 웹UI46 2021.03.09) HTML/CSS - block style css의 float 속성 float 속성 block style 태그에 float을 줄 경우 block은 그대로 유지되고 inline속성만 딸려온다 -> 같은 float이 적용된 block도 영역을 할당 받을 수 있음 2021. 3. 9. 2021.03.08) HTML/CSS - div, span/선택자, margin, padding block, inline style tag div 태그 (block style) 블록 스타일은 한 줄 전체 영역을 차지한다 style 적용 시 style은 설정한 크기만큼만 차지하지만 영역은 한 줄 전체를 차지한다 css에서 display: inline으로 설정 시 span태그와 동일하게 적용된다 inline-block으로 설정 시 div태그를 유지하면서 inline처럼 사용 가능하다 span 태그 (inline style) 인라인 스타일은 텍스트의 크기 만큼의 영역만 차지한다 style 적용 시 적용되지 않는 경우가 있음 css에서 float: left; 를 사용하면 span이나 div의 block에 빈공간 없이 출력된다 -> 비어있는 영역을 강제로 삭제 margin 바깥쪽 간격을 띄울 때 margin.. 2021. 3. 8. HTML/CSS - 네이버 회원가입 페이지 클론 코딩 lumpenop.github.io/naver_login_clone/ 네이버 : 회원가입 lumpenop.github.io HTML과 CSS를 연습하기 위함으로 Javascript 등의 기능은 없음 2021. 3. 7. 2021.03.05) HTML/CSS - basic 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 이곳은 영역입니다. 이곳은 영역입니다 안녕하세요 1 안녕하세요 2 안녕하세요 3 안녕하세요 4 한 칸 띄기 문단 나누기 버튼 남자 여자 한글 깨짐현상 발생 시 인코딩 확인 >> 아이디: 비밀번호: 비밀번호 확인: 생년월일: 성별: 남자 전화번호: -- 취미: 독서 산책 TV input radio, checkbox 의 속성으로 name을 그룹별로 같게 써줘야한다 아이디 비밀번호 비밀번호 확인 생년월일 성별남자 전화번호-- 취미독서 산책 TV html에 CSS를 적용하는 방법 : 1. css파일 연결 2. head태그 내에 style태그 작성 후 선택자로 적용 3. 각 태그 내에 style속성 작성 2021. 3. 5. 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음 728x90 반응형