본문 바로가기

전체 글350

4. 타이포그래피-font ~ 조화 #1. 타이포그래피-font : font-family 등을 사용해서 글꼴 조정 가능 1. font-family : 글꼴 적용 1) 글씨체로 글꼴 적용 => font-family : (글꼴이름) 2) 해당 글꼴이 적용 안 될 때는 여러 개로 순차적 적용 가능 => font-family : (글꼴1) , (글꼴2) , (글꼴3) + 두 단어 이상일 경우에는 ""로 묶기 ex) font-family : Nanumgothic , "Times New Roman" 3) 포괄적 글꼴 적용 가능 : serif , sans-serif , cursive , fantasy , monospace 적용 가능. 이들은 특정 글꼴 이름이 아니라, 앞에서 언급한 글꼴이 컴퓨터에 없을 경우 적용될 수 있는, 어느 컴퓨터에나 있는 포괄.. 2021. 4. 1.
3. 선택자 fin ~ 타이포그래피 #1. 가상 클래스 선택자(pseudo class selector) : class 선택자처럼 여러 대상에 속성을 지정할 수 있지만, class 선택자는 아닌 것을 의미 => id나 class 또는 태그 지정:pseudo class selector {디자인 속성 지정} ex) #fancy:hover{background-color:blue} : id가 fancy인 요소에 마우스가 올려져 있을 때(=hover)->가상클래스선택자 해당 서식을 적용한다는 의미 가상 클래스 선택자에도 여러 종류가 있는데, 그 중 간단하게 몇 가지만 알아보았다. 1) active : 해당 요소를 클릭하고 있을 때를 의미. 2) visited : 주로 태그와 함께 사용. 이미 클릭한 링크에 적용됨 3) link : visited 와 .. 2021. 3. 30.
2. 선택자 #1. 선택자 공부 팁 선택자의 종류도 많고, 포함관계 등을 따지면 더 복잡하다. #1-1. 선택자 공부/연습할 수 있는 사이트 : https://flukeout.github.io CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io : 테이블 안의 음식 중 특정한 것을 고르는 게임? 퀘스트?인데, 그 과정에서 CSS 선택자의 종류와 여러 관계를 학습할 수 있다. 1. Sibling Selector 1) Adjacent Sibling Selector A + B : A와 B가 동일한 level이고(과 처럼) A 태그 바로 다음에 B 태그가 언급될 때, B는 A의 adjacent sibling selector.. 2021. 3. 29.
CSS Tutorial: 0. CSS 소개 HTML과 CSS의 관계에 대해 배우던 중 이런 글을 보았다: Inline - by using the style attribute inside HTML elements Internal - by using a h2 는 Selector(선택자)이고 디자인 설정을 받을 개체이다. { } 안의 부분은 Declaration(선언)이고 Selector에 적용될 디자인 설정이다. color , text-decoration 부분은 property(속성)이며 Declaration 안의 구체적인 요소들을 의미한다. skyblue , underline 부분은 value(속성값)이며 property에 할당되는 값이다. : 은 property와 value를 구분한다. ; 은 각각의 declaration을 구분.. 2021. 3. 24.
새로운 태그 공부 # 참고한 페이지 1. opentutorials.org/module/552 HTML5 태그 사전 표지가 허전해서 임시로 올려봤어요.. ^^ 자매품 CSS Dictionary도 있습니다. opentutorials.org 2. www.w3schools.com/tags/default.asp HTML Reference w3schools.com --> THE WORLD'S LARGEST WEB DEVELOPER SITE www.w3schools.com #0. 태그 : 텍스트를 생략어로 지정해주는 태그. - title 속성을 가진다. 줄임말 => 주로 이런 식으로 사용한다. AIDS LOL TMI => 결과물로 텍스트 3개가 나오는데, 각 단어에 커서를 갖다 대면 단어의 풀 네임이 부가설명으로 나온다. 1. 태그 .. 2021. 3. 23.
HTML 정리편#1 - 복습 오늘은 지금까지 배운 태그 및 내용들을 정리해보려고 한다. HTML 문서의 기본 구조 HTML 문서는 최상위 태그인 태그 안에, 그 다음으로 상위 태그인 Machine learning (ML) is the study of computer algorithms that improve automatically through experience and by the use of data.[1] It is seen as a part of artificial intelligence. Machine learning algorithms build a model based on sample data, known as "training data", in order to make predictions or decisions .. 2021. 3. 23.