본문 바로가기

전체 글296

[폰트] @font-face{} 적용하기 1. @font-face font-family, src, font-style, font-weight, unicode-range속성 적용가능 2. font-familly 속성 하나의 변수로 생각하면됨 font-family : myfont; 3. src 폰트 찾는 순서 local() - 로컬에 설치 된 폰트 적용 url() - 다운로드 할 웹폰트 주소 4. format() 브라우져별로 미적용되는 불필요 다운로드를 방지 5. unicode-range 지정한 범위 내 지정한 문자가 없으면 웹폰트를 다운하지 않음 단일, '-'범위, '?'와일드카드, 참고 사이트 : 블로그 2020. 9. 29.
[알고리즘] 코드업 기본 025 / 100 - 정수을 입력받고, 각 자리로 나누어 출력 1. 문제 2. 코딩 int_number = input("숫자를 입력하세요 : ") for i in range(len(int_number)): print("[%d]" %(int(int_number[i]) * 10**(len(int_number)-(i+1)))); # #리스트안의 아이템만 출력 # for item in int_number: # print(item) # # for idx, item in enumerate(int_number): # print(item) # # #리스타안의 index만 출력 # for i, item in enumerate(int_number): # print(i) # # #리스트안의 index+아이템 출력 # for item in enumerate(int_number): # p.. 2020. 9. 29.
[산술연산] Arithmetic Operators Operator Description + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 ** 제곱 // 몫 2020. 9. 29.
[알고리즘] 코드업 기본 024 / 100 - 문장을 입력받고, 각 단어 출력 1. 문제 2. 코딩 get_sentence = input("문장을 입력하세요 : ") for i in get_sentence: if i == " " or i == "." or i == ",": pass else: print("\'"+i+"\'") 3. 결과 문장을 입력하세요 : JAVA, 파이썬. 자바스크립트, HTML. 'J' 'A' 'V' 'A' '파' '이' '썬' '자' '바' '스' '크' '립' '트' 'H' 'T' 'M' 'L' 2020. 9. 29.
[알고리즘] 코드업 기본 022 / 100 - 실수 입력받아 정수/소수 나눠 출력 1. 문제 2. 코딩 int_number, float_number = input("실수 입력").split(".") print("%d\n%d" % (int(int_number), int(float_number))) 3. 결과 실수 입력 : 1.414213 1 414213 2020. 9. 29.
[알고리즘] 코드업 기본 021 / 100 - 단어 입력 및 출력 1. 문제 2. 코딩 # hello, python world word_list, sentence_list = input("단어와 문장을 입력하세요.(,으로 구분) : ").split(',') print(word_list, sentence_list, sep="\n") print("%s\n%s" % (str(word_list), str(sentence_list))) print(word_list, sentence_list, sep="\n", end="\n\n\n") 3. 결과 hello python world hello python world hello python world 2020. 9. 29.
[체크박스] checkbox & label 높이 조절하기 1. checkbox & label 높이 조절하기 checkbox top값 +1.5px 또는 label top값 - 1.5px 로그인 상태 유지 2020. 9. 27.
[가상 클래스] first-child, first-of-type - 요소 선택하기 first-child & first-of-type비교 대상:first-child는 대상 요소 형제중 대상 요소가 첫번째에 있을때만 선택 ex) .test div:first-child{ color : red } = is div tag first element in parent element? Yes! .test span:last-child{ color : blue } = is span tag first element in parent element? No! label tag is last-child .test label:last-child{ color : green } 대상:first-of-type는 대상 요소 형제중 대상 요소가 첫번째로 확인되는 요소 선택 ex) .test div:first-of-typ.. 2020. 9. 26.
[정렬] css로 요소 화면 가운데 위치시키기 .html 로그인 페이지 입니다 로그인 로그인 하세요. 로그인 정보 입력폼 아이디 비밀번호 로그인 로그인 상태 유지 아이디 / 비밀번호 찾기 1. 블록 요소 수평 가운데 정렬 고정폭이 있어야함 ex) width: 300px; margin : 0 auto; 수평가운데 정렬 .center{ width: 100px; margin: 0 auto; } 2. 테이블 요소 수평 가운데 정렬 .center{ display: table; margin-left: auto; margin-right: auto; } 3. 수직 수평 가운데 정렬 .center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 4. 수직 수평 가운데 정렬 수.. 2020. 9. 26.
LIST

티스토리툴바