본문 바로가기

전체 글42

백준 문제풀이 시작 백준 문제풀이를 해야겠다 생각만하다가 드디어 시작함 solved.ac에서 경험치 쌓이면 랭크도 나온대서 사이트에 나와있는 문제들 순서대로 푸는데 3번째에서 바로 막힘; 백준 1271번 C로 풀기 아무리 검색해도 안나옴ㅡㅡ https://www.acmicpc.net/problem/1271 1271번: 엄청난 부자2 첫째 줄에는 최백준 조교가 가진 돈 n과 돈을 받으러 온 생명체의 수 m이 주어진다. (1 ≤ m ≤ n ≤ 101000, m과 n은 10진수 정수) www.acmicpc.net 알고보니까 숫자가 너무 커서 C로는 풀기 힘든다는듯.. 그래서 결국 파이썬으로 풀었다ㅋㅋ쿠ㅜ 2021. 6. 25.
Box Model 모든 html 요소는 box model을 따름 1. padding padding: 위px 오른쪽px 아래px 왼쪽px; 위에서부터 시계방향으로 한칸씩 띄면서 쓰면 됨 만약 사방 다 똑같으면 값 하나만 쓰면 됨 위아래 동일, 좌우동일이라면 두개만 쓰면 알아서 위아래, 좌우로 설정됨 2. margin padding이랑 동일함 그리고 원래 요소들은 왼쪽정렬이라서 가운데정렬 하려면 margin-left: auto; margin-right: auto; 쓰면 됨. 알아서 계산해줌 외울필요 없음. 그때그때 검색하기 3. 실제내용 부분 width, height를 통해 가로세로를 정할 수 있음 min-width, max-width : 창의 크기가 어떻든 내용 부분의 최소/최대 넓이. 내용이 삐져나올 경우에는 overfl.. 2021. 6. 22.
div와 span 둘 다 텍스트의 일정 부분을 나눔 근데 div는 줄바꿈을 하고 span은 안함. 2021. 6. 22.
텍스트 스타일링하기 css 파일을 따로 쓸 경우 라고 head에써야함 1. 색 바꾸기 https://www.w3schools.com/cssref/css_colors.asp CSS Colors CSS Colors Color Names Supported by All Browsers All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors): For a full overview of CSS color www.w3schools.com https://htmlcolorcodes.com/.. 2021. 6. 20.
Class, id class : 일종의 이름. 스타일 부여. 여러 요소에 같은 스타일을 입힐 수 있는 방법 가령 일정 문단만 스타일을 바꾸고 싶다면 그 문단에 클래스를 지정하면 됨 style 안에서는 .클래스이름 을 통해 선언 가능 코드: 1 2 3 4 5 6 7 8 9 10 11 12 .important{ font-size: 32px; color: blue; } Don’t get me wrong; I do believe that engineering and programming are important skills. Only in the right context, and only for the type of person willing to put in the necessary blood, sweat and tears t.. 2021. 6. 19.
링크, 이미지 넣기 링크 삽입 주소 설명 주소 설명 부분에 이미지를 넣으면 이미지를 누르면 링크로 이동하게 됨 이미지 넣는 두가지 방식 이미지 크기 조절 2021. 6. 19.
기본 CSS 스타일 css 코드는 에 적으면 된다 font-size: 10px : 폰트 사이즈를 10픽셀로 설정(폰트의 세로 길이) text-align: left(right, center) : 텍스트 정렬 color: red(lime, hotpink, blue) : 텍스트 색을 설정 margin-bottom(left): 80px : 여백의 크기 설정 2021. 6. 19.
HTML 기본 : 최신 버전인 HTML5를 사용하기 제목 : 제목 태그. 브라우저의 탭이나 방문 기록에 나와 있는 제목 머리말 : h1~h6까지 있는 머리말. h1이 제일 크고 중요함 문단 : 문단을 쓰는 곳, 기본적으로 위, 아래에 여백이 조금씩 있음 진하게 : 텍스트를 굵게 씀(bold) 날려쓰기 : 텍스트를 날려 씀(italics) phrase tags : 시각적인 특징 뿐만 아니라 의미도 담고 있는 태그 - 강조하며 진하게 : 태그가 감싸고 있는 텍스트가 중요하다고 표시하는 것 스크린리더(시각장애인 등을 지원해주는 화면 낭독 소프트웨어같은)가 글을 읽을 때 강조함 - 강조하며 날려쓰기 : 강조하며 날려씀(emphasized) : 한글이 지원되는 인코딩 방식을 쓰라는 명령어. 종료태그 필요없음 optional t.. 2021. 6. 19.
head body html body: 본문(내용)이 들어가는 부분 head: 제목, CSS, JavaScript 등이 들어감. title, style, meta 태그 html: 이 사이에 있는건 모두 html 코드라는 뜻. 왜 head랑 body를 따로 쓸따? head는 페이지를 열 때 웹브라우저에 표시되지 않는다. body는 브라우저에 표시됨. https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML head 태그에는 무엇이 있을까? HTML의 메타데이터 - Web 개발 학습하기 | MDN HTML의 head는 페이지를 열 때 웹 브라우저에 표시되지 않습니다. head는 2021. 5. 14.