전체 글44 CSS 선택자 선택자의 정확한 정의를 찾아봤으나 다들 선택자에 어떤게 있는지만 구구절절... 다양하게 찾아본 결과 "내가 고른 스타일링 기법을 어디에 적용하는지 선택하는 것" 이라고 결론을 냄 1. class, ID #class-name .ID-name 2. 자식(children) .div1 i 여기서 i가 div의 자식이 되는 것 div1 안의 모든 i에 적용됨 2-1.직속 자식(direct children) .div1 > i div1의 직속 자식에게만 적용됨. div1 안의 div2 안의 i는 직속 자식이 아니라서 적용 안됨 3. 복수 선택 .div1, .div2 ,를 통해 여러 요소를 선택 가능 4. 여러 조건 .div1.div2 div1 클래스와 div2 클래스를 가진 요소에 적용 5.가상 클래스(pesudo-.. 2021. 6. 28. 학교식 문제풀이의 폐해 https://www.acmicpc.net/problem/1550 1550번: 16진수 첫째 줄에 16진수 수가 주어진다. 이 수의 최대 길이는 6글자이다. 16진수 수는 0~9와 A~F로 이루어져 있고, A~F는 10~15를 뜻한다. 또, 이 수는 음이 아닌 정수이다. www.acmicpc.net 그냥.. 간단히 16진수를 10진수로 바꾸면 됨 그냥그냥.. x로 읽어서 d로 print하면 되는데 쌩 노가다함... 먼가 학교에서 이미 있는 기능을 안쓰고 직접 만드는걸 계속 해서 그런듯..? 심지어 효율적이지도 않아,,, 알아보니까 아스키코드로도 어쩌구저쩌구 될듯 https://www.acmicpc.net/source/30346140 로그인 www.acmicpc.net 부끄러운 나의 비효율적인 코드...... 2021. 6. 25. 백준 문제풀이 시작 백준 문제풀이를 해야겠다 생각만하다가 드디어 시작함 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. 이전 1 2 3 4 5 다음
