반응형
반응형
text-indent 블록에서 텍스트 줄 앞에 놓이는 빈 공간(들여쓰기)의 길이를 설정하는 속성 속성 값이 양수일 경우, 들여쓰기 들여쓰기 : 문장을 쓸 때 문자열을 오른쪽으로 당겨 주변의 문장과 구분하는 것 속성 값이 음수일 경우, 내어쓰기처럼 보이지만 화면을 벗어날 수 있으므로 주의해서 사용하여야 함 내어쓰기 : 들여쓰기의 반대 용어로 같은 문단에 있는 다른줄보다 왼쪽으로 더 내어 작성하는 것 구문 text-indent: 속성값 사용 예시 CSS에서 text-indent를 이용하여 들여쓰기를 적용한 문장입니다. 이 문장은 첫번째 줄이 들여쓰기가 되고 들여쓰기의 값은 30px의 여백을 가집니다. CSS에서 text-indent를 이용하여 내어쓰기를 적용한 문장입니다. 이 문장은 첫번째 줄을 제외한 나머..
SVG(Scalable Vector Graphics) 2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어 텍스트 기반의 열린 웹 표준 중 하나 모든 사이즈에서 깔끔하게 렌더링 되는 이미지를 서술 CSS, DOM, JavaScript 등 다른 웹 표준과도 잘 작동하도록 설계 즉, HTML과 텍스트의 관계를 그래픽에 적용한 것 장점 벡터 이미지 이므로 손실이나 품질 저하 없이 모든 크기에서 렌더링 가능 XML 텍스트 파일러 정의하기 때문에 검색, 색인, 스크립트 적용, 압축, 아무 텍스트 편집기로 생성 및 편집 가능 도형 그리기 (Draw Shape) 사각형(Rectangle) x : 사각형의 좌측 상단 x 값 y : 사각형의 좌측 상단 y 값 width : 사각형의 폭 height : 사각형의 높이 ..
contains() 지정한 텍스트를 포함하는 모든 요소 선택 구문 jQuery(":contains( text )") text : 찾을 텍스트 문자열, 대소문자 구분 괄호 안의 문자열은 간단한 단어로 쓰거나 따옴표로 묶을 수 있음 사용 예시 특정 문자열 'eunbyeol' 이 포함된 모든 div를 찾아 글씨색을 빨간색으로 변경하고 밑 줄 긋기 tester admin eunbyeol soohyun 실행 화면 참고 jQuery - contains() Selector
이 포스팅은 다른 프로그래밍 지식이 어느정도 있다는 전제하에 문법을 쉽게 확인할 수 있도록 작성되었습니다. 프로그래밍이 처음이라면 자세히 설명된 포스팅을 함께 링크해둘테니 확인해주세요. 개념은 거의 동일합니다. 주석(Comments) // : 슬래시 두번을 하면 해당 줄을 컴퓨터가 코드로 인식하지 않음 // 주석 변수(Variable) 변수 선언 데이터타입 변수명 : 해당 데이터타입을 지닌 변수 선언 데이터타입? 변수명 : 널 값도 들어올 수 있는 변수 선언 변수 선언시 데이터타입의 종류 var : 처음 정의되는 변수의 데이터타입을 따라감 String : 문자 int : 숫자 const : 상수, 처음 설정한 값을 이 후 변경할 수 없음 final : 변수 정의 후 나중에 값을 저장할 수 있음 var v..
결론in = 인치cm = 센티미터mm = 밀리미터px = 픽셀dpi = 해상도 1 in= 2.54 cm 1 cm = 37.8 px1 mm = 3.78 px 1 px = 0.0265 cm1 px = 0.265 mm 해당 1픽셀은 웹 표준 DPI 96을 기준으로 측정된 값입니다.계산해보기 (cm > px)개념보통 웹에서 사용하는 해상도는 96 DPIDPI란 Dots Per Inch의 준말로 1인치당 도트(픽셀)의 수를 의미즉, 96 DPI는 1인치당 96 픽셀을 의미계산우리가 원하는 것은 cm이므로 수식을 바꿔봅시다.1 in = 96 px2.54 cm = 96 px 1 px 은 몇 cm? (1 픽셀은 몇 센티미터?)1 cm 은 몇 px? (1 센티미터는 몇 픽셀?)확인 (1 cm 는 37.79 px 정말 맞..
플러터, 다트 설치 없이 아래의 사이트에서 간단한 로직을 작성하여 확인 할 수 있음 다트패드 https://dartpad.dev/ DartPad dartpad.dev