분류 전체보기 (69) 썸네일형 리스트형 font 속성 font 속성은 다음과 같습니다. font-family 글꼴 font-style 이탤릭체 등의 글꼴의 스타일 지정 font-size 글자 크기 font-weight 글자 두께 line-height 줄 간격 1. font-family font-family 속성값이 여러 개의 글꼴로 설정되어 있으면, 웹 브라우저는 위에서부터 순서대로 글꼴을 읽어 들입니다. 만약 사용자의 컴퓨터에 첫 번째로 읽어 들인 글꼴이 없으면 다음 글꼴을 확인하게 됩니다. 2. font-style font-style 속성은 주로 이탤릭체를 사용하기 위해 사용하며, 다음과 같이 3가지의 속성값을 가집니다. 3. font-size font-size 는 글자 크기를 의미합니다. 4. font-weight font-weight 속성은 텍스트를.. 컬러 CSS에서 색을 표현하는 방법에는 다음과 같이 세 가지 방법이 있습니다. 1. 색상 이름으로 표현 2. RGB 색상값으로 표현 3. 16진수 색상값으로 표현 1. 색상 이름으로 표현 W3C에서 정의한 16개의 HTML4 표준 색상 이름은 다음과 같습니다. 사용방법은 다음과 같습니다. 2. 16진수 색상값으로 표현 16진수 색상값은 RGB 색상값을 각각 16진수로 변환한 것입니다. 따라서 RGB 색상의 기본색(Red, Green, Blue)은 각각 00부터 FF까지의 범위를 가집니다. www.hipenpal.com/tool/html-color-charts-rgb-color-table-in-korean.php RGB색상표/16진수 컬러 코드표 - Hi!Penpal! HTML컬러표 www.hipenpal.co.. 결합 선택자 자식 선택자(descendant selector) 자식 선택자는 해당 요소의 하위 요소 중에서 특정 타입의 요소를 모두 선택합니다. 선택자1 선택자2 { } 선택자1(부모요소) 선택자2(자식요소) 사용 예 자식 선택자 적용 X 자식 선택자 적용 test.html div h2 { color: blue; } test.css 자식 선택자 적용 X 자식 선택자 적용 선택자 선택자란? CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자(selector)를 사용합니다. 대표적인 선택자는 다음과 같습니다. - 전체 선택자 - HTML 요소 선택자 - 아이디(id) 선택자 - 클래스(class) 선택자 - 그룹(group) 선택자 사용방법은 다음과 같습니다. * { 전체 선택자 } 태그이름{ HTML 요소 선택자 } .클래스명{ 클래스 선택자 } #id명{ id 선택자 } a, b, c{ 그룹 선택자 } 전체 선택자 CSS를 적용할 대상으로 HTML 문서 내부의 모든 요소를 선택합니다. HTML 요소 선택자 HTML 요소의 이름을 직접 사용하여 선택할 수 있습니다. 아이디(id) 선택자 아이디 선택자는 CSS를 적용할 대상으로 특정 요소를 선택할 때 사용합니다. 원칙적으로.. CSS 적용방법 CSS 를 적용하는 방법에는 대표적으로 3가지가 있습니다. 1. style 태그 사용 2. css 파일 불러오기 3. style 속성 사용 1. style 태그 사용 html의 Apple Banana Watermelon 2. css 파일 불러오기 css 를 쉽게 관리하기 위해서 css 파일과 html 파일을 분리합니다. a { color: blue; } test.css css 파일을 만든 후 Apple Banana Watermelon test.html 3. style 속성 사용하기 따로 css 를 분리하지 않고 style 속성을 이용하여 쉽게 css 를 사용할 수 있습니다. Apple Banana Watermelon CSS의 정의 CSS 란 ‘ Cascading Style Sheet ’ 의 약자로 HTML로 만들어진 문서의 텍스트 색상이나 크기, 이미지 크기나 위치, 표의 색상, 배치방법 등 웹 문서의 디자인 요소를 담당하는 언어입니다. 예를 들어봅시다. Hello World 다음과 같이 밋밋한 문장을 CSS을 이용하면 더 재밌게 만들 수 있습니다! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Spring boot - Controller, Service, DAO, Mapper Controller, Service, DAO, Mapper Spring boot 에서 중요한 개념인 Controller, Service, DAO, Mapper에 대해서 설명해 보겠습니다. Spring boot 는 MVC구조를 따릅니다. 다음 그림은 MVC 구조를 나타냅니다. 이론적인 내용만 가지고 어떤 역할을 수행하는지 한번에 이해하기는 어렵습니다. 직접 실습을 통해서 각각이 어떤 의미를 하는지 알아 볼것입니다. 처음에 개념이 생소해도 우리는 할 수 있습니다! 그럼 단순하게 화살표가 의미하는 것은 무엇일까요? >> 방향으로 흐른다는 것은 무엇을 의미 하는 걸까요? > 방향 흐름은 그 다음 영역을 호출을 하는 것이고 XML 파일에서 중요한 것은 - namespace - id - resultType 입니다... [프로그래머스/python] 쇠막대기 문제 설명 여러 개의 쇠막대기를 레이저로 절단하려고 합니다. 효율적인 작업을 위해서 쇠막대기를 아래에서 위로 겹쳐 놓고, 레이저를 위에서 수직으로 발사하여 쇠막대기들을 자릅니다. 쇠막대기와 레이저의 배치는 다음 조건을 만족합니다. - 쇠막대기는 자신보다 긴 쇠막대기 위에만 놓일 수 있습니다. - 쇠막대기를 다른 쇠막대기 위에 놓는 경우 완전히 포함되도록 놓되, 끝점은 겹치지 않도록 놓습니다. - 각 쇠막대기를 자르는 레이저는 적어도 하나 존재합니다. - 레이저는 어떤 쇠막대기의 양 끝점과도 겹치지 않습니다. 아래 그림은 위 조건을 만족하는 예를 보여줍니다. 수평으로 그려진 굵은 실선은 쇠막대기이고, 점은 레이저의 위치, 수직으로 그려진 점선 화살표는 레이저의 발사 방향입니다. 위 예의 괄호 표현은 그림 .. 이전 1 2 3 4 5 ··· 9 다음
