Full_Stack developer

프레임워크 vs 라이브러리 Bootstrap 시작하기 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com Bootstrap Docs Get started with Bootstrap · Bootstrap v5.3 (getbootstrap.com) Get started with Bootstrap Bootstrap is a..

CSS - CSS text-align 사용해보기 1. text-align 왼쪽정렬 File : my.html text-align File : my.css @charset "utf-8"; #text_align .left {text-align:left; border:1px solid red;} 출력결과 : text-align 처음 왼쪽 정렬은 되어 있기때문에 변한것을 느끼기 힘들것입니다 2. text-align 가운대 정렬 File : my.html text-align text-align File : my.css @charset "utf-8"; #text_align .left {text-align:left; border:1px solid red;} #text_align .center {text-align:l..

0 CSS - CSS 폰트 사이즈 CSS에서는 글꼴의 크기를 지정시 font-size 속성을 사용하게 됩니다 속성값은 가장 대중적인 부분만 알아보도록 하겠습니다 rem - html 태그에 적용된 font-size의 영향을 받습니다 html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되기 때문에 이해하기 쉽습니다 px - 모니터상의 화소 하나의 크기에 대응하는 단위입니다 고정된 값이기 때문에 이해하기 쉽지만 사용자가 글꼴의 크기를 조정할수 없다는 단점이 있습니다 em - 부모태그의 영향을 받는 상대적인 크기입니다 부모의 크기에 영향을 받기 때문에 파악하기 어려우며 사용하지 않는것이 좋다고 합니다 사용법 : font-size: [속성 값] File : my.html REM PX EM File : my...

CSS - CSS 선택자 문법 아래의 문법의 내용을 토대로 하나씩 알아보도록하겠습니다 선택자 문법 : [선택자] { [속성] : [속성 값] ; [속성] : [속성 값] ; } 먼저 사용자가 원하는 선택자를 입력합니다 선택자를 입력 후 { } 중괄호를 입력하며 중괄호 안에는 선언문(속성 + 속성 값)을 입력합니다 입력한 선언문에서의 속성과 속성 값의 구분은 : 콜론으로 구분합니다 CSS - CSS 선택자 종류 1. ID 선택자 문법 : #[이름] { [속성] : [속성 값] } 예시 : #my_id {corlor:red} ID 선택자는 사용자가 사용하고 싶은 이름을 입력하시면 되며, ID 선택자를 사용하시려면 반드시 #(샵)을 입력하셔야 됩니다 File : my.html 서버구축이야기!! File : m..