맛대의 블로그

Bootstrap Front-end open source https://getbootstrap.com/docs/5.1/getting-started/introduction/ 위와 같이 script 입력 안하면 기능들이 표현만 될뿐 작동x 자세한건 docs에서 찾아보자 spacing(간격) 조절 property m - margin p - padding sides t - top b-bottom s-left e-right x-left,right y-top,bottom size 0 - 0rem 1-0.25rem 2-0.5rem 3-1rem 4-1.5rem 5-3rem /*mt-0는 다음과 같이 입력됨 */ .mt-0 { magin-top : 0 !important } mx-auto예제 text 문자 중앙으로 no..

CSS 스타일을 지정하기 위한 언어 속성(Property) : 어떤 스타일 기능을 변경할지 값(Value) : 어떻게 스타일 기능을 변경할지 CSS 정의 방법 인라인(inline) Hello word! 내부참조(embedding) style Hello word! 외부 참조 선택자 *전체 선택자 * {color: red;} h1,p,..요소 선택자 h2 {color: blue;} .class클래스 선택자 (**class = ljm** 선언하면 적용) .ljm {color: green;} #id id선택자 (해당 **id**를 가진 항목 적용) #nick {color: purple} 자식 결합자(ljm 한단계 밑 p에만 적용) .ljm > p {color: white;} 자손 결합자(ljm 밑의 모든 p에 ..

Web HTML HTML 기본 구조 html : 문서의 최상위 요소 head : 문서 메타데이터 요소 문서 제목, 인코딩, 스타일,파일 로딩... body : 본문 요소 head : 브라우저 상단 타이틀 : 문서 레벨 메타데이터 : 외부 리소스 연결 요소(css 파일 등) __crossorigin__:HTML에서 img,video,script와 같은 CORS(서로 다른 도메인 출처 접근,실행)를 지원하는데, 이때 요청에 대한 처리 anonymous : CORS요청에 자격 증명 플래그 설정X use-credentials: CORS요청에 자격 증명 플래그 설정, 자격증명 요청 __rel__: 현재 문서와 외부 리소스 사이의 연관 관계 : 스크립트 요소(JS파일 등) : CSS 을 직접 작성시 사용 eleme..