분류 전체보기(200)
-
텍스트 표현 스타일(4)
1. 백준 문제 트랜드 애드 혹 - 생각을 많이 하면됨 ㅇㅇ 세그먼트 트리 - 그냥 그럭저럭 ㅇㅇ DP - 이것도 생각을 하고 식 세우면 됨 ㅇㅇ 수학 - 중등/고등 수준 수학 ㅇㅇ 2. 백준 문제 트랜드 3. ssjjss 백준 알고리즘 난이도 중요도 ..
2025.09.15 -
텍스트 표현 스타일(3)
목록 스타일list-style-type목록 앞에 다양한 모양을 지정해줌.disc●circle○square■decimal1, 2, 3, ...decimal-leading-zero01, 02, 03, ...lower-romani, ii, iii, ...upper-romanI, II, III, ...lower-alpha 또는 lower-latina, b, c, ...upper-alpha 또는 upper-latinA, B, C, ...none숫자나 불릿을 없앰. ssjjss html css javascript html css javascript list-style-image불릿을 원하는 이미지로 변경가능함..
2025.09.14 -
텍스트 표현 스타일(2)
텍스트 관련 스타일color글자색을 변경하기 위해서 color 속성을 사용함.color : 색상 표현 방식16진수 표시법 : #ffff00처럼 16진수로 표시. 기본적으로 RRGGBB로 표시해 줌.hsl, hsla 표시법 : hsl은 hue(색상), saturation(체도), lightness(명도)의 줄임말. hsla는 alpha(불투명도)가 추가됨.hue 표기법-색상을 색상환으로 표시하여 0도와 360도 에는 빨간색, 120도에는 초록색, 240도에는 파란색을 배치하함.-채도는 %로 표기하는 데, 아무것도 섞이지 않으면 체도가 가장 높음.-명도는 %로 표기하는 데, 가장 어두운 게 0%이고 100%를 흰색으로 표시함.-알파값은 0부터 1 사이의 값으로 지정하여서 투명도를 지정함.ex)hsla(0, ..
2025.09.14 -
텍스트 표현 스타일
글골 스타일font-family웹 문서에서 글꼴은 font-family 속성으로 지정.택스트를 사용하는 요소에 주로 적용함.font-family: | [, ]글꼴이 없을 수도 있는 경우에 대비하여서 글꼴을 하나가 어니라 두 개 이상을 지정함.여러 글꼴을 지정 시 콤마로 구분함. 태그명 {"맑은 고딕", 굴림, ..}글꼴이름에 띄어쓰기가 존재하면 큰따옴표로 묶어줘야 함!font-size글자의 크기를 조정.font-size: | | | 절대 크기 : 브라우저에서 지정한 글자 크기상대 크기 : 부모 요소의 글자 크기를 기준으로 상대적인 글자 크기를 지정크기 : 브라 우저와 상관없이 글자크기 지정백분율 : 백분율(%)로 크기 지정키워드로 글자 크기 지정xx-small 단위로 글자 크기 지정-px, pt를 ..
2025.09.14 -
CSS 선택자
CSS 기본 선택자전체 선택자스타일을 문서의 모든 요소에 적용.* {속성: 속성 값; ....}또한 웹 브라우저의 기본 스타일 초기화에 사용. ex) 테두리 여백아래의 예시 처럼 테두리 여백을 아예 없앨 수도 있음.타입 선택자특정 태그를 사용한 모든 요소에 스타일 적용태그명 {스타일 규칙}다음은 p태그의 요소들을 이탤릭체로 변경한 예시. sjsjsj sssdsd sdsdsds 클래스 선택자같은 태그라도 다른 스타일을 적용하고 싶을 때 사용.특정 부분만 선택하여서 스타일 적용가능.클래스 이름을 사용하여서 다른 선택자와 구분하는 데, 이때 이름 앞에 마침표를 붙여야 함..클래스명 {스타일 규칙}태그 안에 class="클래스명" 처럼 class속성을 사..
2025.09.11 -
CSS 기초
?HTML문서에 스타일을 결정함.하지만 HTML로 바로 하지 않고 따로 적용함.디자인 변경에 집중내용과 디자인을 HTML/CSS로 구분.이로 인해서 내용을 수정하더라도 하나의 부문에만 집중하여도 수정가능!다양한 기기에 맞는 문서 작성 가능기존 CSS는 모바일, PC환경에 따라서 다르게 작동함.그렇기에 CSS만 환경에 따라 수정하면 되기에 용이함!스타일 형식CSS형식은 다음과 같음.선택자 {속성1: 속성값1; 속성2: 속성값2}선택자 : 스타일을 어느 태그에 적용할 것인지 알려줌.중괄호 사이 : 스타일 정보 삽입. 세미콜론으로 구분하여 스타일 속성을 지정.p { font-size: 15px; /* 글자 크기 */ color: #333333; /* 글자 색상 */ line..
2025.09.10