본문 바로가기

분류 전체보기134

레이아웃Float 실습 중간 패딩 위아래 20px 왼쪽 중간패딩위아래20px 오른쪽 바텀 사진 제목:패딩바텀 50px; 내용:~~~ 가격 10000원 장바구니 구매하기 tip : border가 있을 때 패딩을 주면 마치 박스가 하나 더 생긴 듯한 모양이 된다. 실습2 액자형으로 구성하기엔 div 안에 div 하나를 더 만들고 밖 div border를 지우면 액자형식으로 보이게 된다. 여기선 한 그림에 4개의 div가 씌여졌다. 실습3 최신앨범(1080px) 너비:280px 왼쪽마진:8px 멜론을 더 안전하게 이용하세요 회원가입 로그인 프로모션 영역... 2024. 1. 26.
레이아웃-1 Float 상자 상자 상자 상자 왼쪽 오른쪽 왼쪽 하나 넣었음 좌측 좌측 좌측 오른쪽 \999,999,999 장바구니 구매하기 좌측 좌측 좌측 오른쪽 \999,999,999 장바구니 구매하기 좌측 좌측 좌측 오른쪽 \999,999,999 장바구니 구매하기 좌측 좌측 좌측 오른쪽 \999,999,999 장바구니 구매하기 박스를 (tag를 먼저다 짜놓고 만드는 연습을 하자 ) - 구상을 먼저해야 수정이 적고 코드가 꼬이지 않는다. 2024. 1. 26.
패딩과 마진 패딩 박스크기 - 박스너비(500) + 패딩(30+50) + 윤곽(1+1)=582 패딩은 초록색 패딩은 겹치지 않습니다 패딩이 없을 때 -- 박스 안 글씨와 박스border 사이의 거리가 달라졌다. (패딩) 마진(margin) 마진은 주황색 p태그는 기본적으로 마진속성이 있다. 마진은 상자간의거리를 이격할 때 사용합니다. (마진은 서로 겹칩니다-큰쪽을 따라간다) 상자를 중앙으로 보낼땐 margin: 0 auto 를 쓴다 (조건 - 상자의 너비가 지정이 되어있어야한다) 박스와 박스와의 거리가 달라진다(마진) 상자의 크기 -너비 + 패딩 + 윤곽 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요.. 2024. 1. 26.
03백그라운드 background image , repeat ,background-position , background-size 안녕하세요? 오늘을 날씨는 맑습니다. background-attachment : fixed; 사진을 백그라운드에고정시킨다. /....................................... 밑의 이미지가 스크롤에 따라 마치 움직이는 것 처럼 나온다. 2024. 1. 26.
02-2 디스플레이 블럭 블럭 블럭 블럭 블럭 인라인 인라인 인라인 디스플레이 인라인 인라인 인라인 블럭은 원래 박스속성이고, (세로 배치) 인라인의 크기는 컨텐츠의 크기인데 (가로배치) display : 로 블럭속성, 인라인 속성을 강제로 줄 수 있다. 메뉴 메뉴 메뉴 메뉴 메뉴 태그는 블록속성이지만 메뉴 가로배치를 위해 inline 또는 inline-block 속성을 주면 우리가 평소에보는 메뉴 속성이 뜬다 2024. 1. 26.
02-1 폰트,오버플로우 헬로월드 웹폰트? 웹폰트??? 글자관련속성 글자 안녕하세요? asdfasf 문단정가운데정렬 오버플로우 Visual Studio에서 Eclipse의 Ctrl + D와 유사한 기능은 없지만, 비슷한 동작을 수행할 수 있는 몇 가지 대안이 있습니다. 여러 줄의 코드를 한 번에 삭제하고 싶다면 다음과 같은 방법들이 있습니다: 삭제 키 사용: 여러 줄을 선택한 후 Delete 키나 Backspace 키를 눌러 삭제할 수 있습니다. 주석 처리: 여러 줄을 선택한 후 Ctrl + K, Ctrl + C 키를 사용하여 주석 처리하면 해당 코드가 주석 처리되어 비활성화됩니다. 코드 스니펫 사용: 코드 블록을 드래그하여 드롭다운에서 "Remove and Sort Usings"를 선택하면 코드 블록이 삭제됩니다. 이 기능은 .. 2024. 1. 26.

티스토리툴바