Full_Stack developer

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..

CSS를 알기위해선 선행적으로 HTML을 아셔야 합니다 간단하게 설명한다면 HTML은 웹사이트에서 화면에 표시되는 정보이며, CSS는 웹 사이트에서 화면에 표시되는 정보들을 꾸며주는(디자인) 역할을 하게됩니다 초창기에 웹은 HTML만으로도 만들기, 꾸미기를 하였습니다 그러나, 웹 사이트가 폭발적으로 커지면서 여러개의 공통적인 문서(HTML)를 1개의 디자인이 변경되면 모든 파일을 수정하여야 되는 문제가 발생하게 되었습니다 CSS는 이런 문제를 동시에 해결할 수도 있고, 웹 페이지 정보와 스타일을 분리하여 유지보수를 수월하게 할 수 있습니다 CSS - CSS 사용방법 CSS는 보편적으로 사용되는 방법은 3가지이며, 어떠한 방법으로 작성하냐의 따라 차이가 존재하게 됩니다 큰 틀에서 사용법은 다음과 같습니다 ..