분류 전체보기207 (CSS) display display 영역을 어떻게 출력할지 설정하는 CSS 명령어 종류 (block, inline, inline-block, flex, none,.... 등등 display : block => div 태그의 기본 설정 값, 내부 content와 상관없이 가로 너비를 전부 차지한다 display : inline => 인라인 설정, span, a 등 기본 값으로 설정되어 있다. 내부 필요한 content 영역만 갖고 그 외 영역은 차지하지 않는다 display : none => 출력을 하지 않는다. 해당 영역이 없다고 취급 display : flex => 플렉스 아이템들의 부모 이자 플렉스 박스라고 명칭 display : grid => 그리드 아이템들의 부모 이자 그리드 박스라고 명칭 display : inher.. 2023. 1. 11. (CSS) 선택자 선택자 (Selector) 더보기 - 특정 요소를 선택해서 스타일을 원하는 설정을 부여해 주기 위해 요소이다 선택자 종류 전체 선택자(Universal Selector) id 선택자(ID Selector) class 선택자(Class Selector) 하위 선택자(Descendant Selector) 자식 선택자(Child Selector) 복합 선택자(Complex Selector) 가상 선택자(Pseudo Selector) 전체선택자 모든 태그에 적용하기 위한 방식 * { } * { box-sizing: border-box; margin: 0; padding: 0; } ID선택자 id속성 선택자를 찾아 style을 적용하는 방식 #id { } #test { background-color: lightg.. 2023. 1. 11. (CSS) CSS & Link태그 CSS (Cascading Style Sheets) 더보기 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어 style 속성은 해당 태그의 크기, 외곽선, 위치, 배경 등 설정, 기초적인 방법으로 인라인 형식으로 속성을 조절하여 html 파일로 주고받았지만 너무 그 크기가 커져 버렸다. 이에 가독성도 떨어지고 함으로써 CSS파일을 HTML 파일 외부로 뺀다 ※ : 태그들의 스타일 속성을 모아둔 태그. 작성 방식은 CSS 작성 방식과 동일하다 Link 태그 다른 파일을 가져오기 위해 사용하는 태그 주로 CSS파일이나 favicon을 가져올 때 사용한다 ( favicon은 브라우저 탭에 작은 아이콘을 뜻 ) 2023. 1. 11. (C++) [백준] 피자(Small) https://www.acmicpc.net/problem/14606 14606번: 피자 (Small) 예제1의 입력이 1이므로, 게임 시작부터 갑이 분리할 수 있는 피자탑이 없습니다. 따라서 갑이 얻는 즐거움은 0입니다. 예제2의 정답 3은 다음과 같은 과정을 통해 얻어집니다. 먼저 놀이를 시작 www.acmicpc.net 요약 ) 총피자의 판 수를 입력한다 높이가 1이 될 때까지 총피자의 판 수를 나눈다 갑이 얻을 수 있는 즐거움은 나뉜 피자 판 수* 피자 판 수 즐거움의 최댓값을 출력한다 #include using namespace std; int pizza[11] = { 0, }; int main() { int x; cin >> x; pizza[1] = 0; pizza[2] = 1; for (int.. 2023. 1. 11. 이전 1 ··· 41 42 43 44 45 46 47 ··· 52 다음