본문 바로가기

CSS/CSS 이론에따라 직접해보기18

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.
01. 선택자 선택자 태그선택자 태그명 아이디선택자 #아이디명 클래스선택자 .클래스명 태그선택자 태그선택자 태그선택자 아이디선택자 클래스선택자 클래스선택자 클래스선택자 후손 , 자손 ,가상 선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 하위선택자 여기는? 아이디: 이름 : 비밀번호: 아이템 아이템 아이템 아이템 아이템 아이템 액티브 호버 포커스 액티브 : 누를 때 호버 : 마우스를 올렸을 때 포커스 : 그 안에 있는 상태일 때 2024. 1. 24.
블럭-인라인 ,스타일시트 블럭 요소와 인라인 요소 블럭 자동으로 줄바꿈 블럭안에 블럭, 인라인요소 가능 대표적으로 등이 있다 인라인 컨텐츠의 내용이 곧 너비 인라인 안에는 인라인만 가능하다 대표적으로 , ,, , , , , 등이 있다 헬로월드(라이브가상서버) 저장하면 바로 반영된다 블럭요소 블럭요소 블럭요소 블럭요소 블럭요소 블럭요소 인라인 2024. 1. 24.
CSS 세팅하기 Visual Studiio 사용 EXPLORER에 폴더 및 파일 생성 , HTML 또는 css로 생성 html:5 를 누르면 자동완성이 되고 엔터를 치면 이런 기본 형태가 생성된다. 좌측 도구바 맨 아래 테트리스 모양 클릭하면 visual Studio 에서 제공하는 다운가능한 앱들이 있는데 Live Server를 검색해서 다운받아준다 그 후 Go live를 누르면 브라우저 창이 뜨며 저장할 때 마다 실시간으로 내가 짠 디자인이 브라우저로 출력된다. 2024. 1. 24.