Even the small things are precious

Remembering the precious moments of each day...

My precious treasure that collects the wisdom of life.
반응형

태그 5

폰트(텍스트) 활용하기

1. font의 정의 font란 글의 형태를 의미하는데, 글자의 서체를 말합니다. 2. font family 일반적인 사용으론 webpage에 폰트를 포함할수 없습니다. 그러하기에 webpage에 설정된 폰트를 사용자가 보기위해선 사용자의 디바이스에도 해당되는폰트가 포함되어야 합니다. 그래서 css에선 font family라는 형식이 있는데. 폰트에 우선순위를 정하여 여러가지를 지정하면 그중에서 사용할 수 있는 폰트를 상용하게 됩니다. 예제를 들어 하단의 구문은 사용자 컴퓨터의 arial black 폰트가 있다면 적용하고 없으면 Arial 폰트를 상용합니다. p{font-family:"arial black",Arial, serif;} 둥둥이블로그 3. 고정,가변폭이란 통상적으로 폰트를 디자인 할때 문자의..

IT/CSS 2015.03.10

css로 텍스트 꾸미기

1. span 태그 활용 텍스트는 태그가 아니라 컨텐츠이기에 텍스트를 꾸미기 위해선 텍스트를 감싸고 있는 태그가 필요합니다. 줄바꿈같은 것이 없이 일부 텍스트를 꾸며주기 위해선 꾸미기위한 텍스트를 "span" 태그로 감싼 후 여기에 효과를 넣어줍니다. 세상이 그대를 속일지 몰라도, 나 자신은 세상을 속이지말자. 2. 색상 텍스트에 컬러를 줄때는 color효과를 사용합니다. css에서는 컬러를 지정하는 3가지의 방법이 있는데, 아래에 설명하였습니다. Hex 16진수로 색상을 표현. #ff000(빨간색), #00ff00(초록색), #0000ff(파란색) RGB 빨간색,초록색,파란색의 색상들을 조합해서 색상 값을 표현합니다. RGB(255.0.0) RGB(0.255.0), RGB(0,0.255) 별명 red,..

IT/CSS 2015.03.09

css 선택자의 조합

1. 하위 선택자에 대해서 1)공백을 통하여 부모와 자식을 구분지어 준다. 2)부모가 먼저 나오고 자식이 나중에 나온다. 3)특정한 엘리먼트의 하위에 나오는 엘리먼트를 선택하는데 사용한다. 메인 회사소개 제품소개 메인 회사소개 제품소개 2. 하나의 css선언을 통해 여러개의 선택자에게 적용하기 1)선택자와 선택자를 ',(콤마)'로 구분합니다. 2)하나의 css선언을 여러 엘리먼트 셀렉트에 적용하고 싶어할때 사용합니다. 둥둥이 싸이트 오늘도 이렇게 하루가 흘러간다. 둥둥이 3.자식선택자 chid selector 1)ie6은 지원하지 않음 2)특정한 엘리먼트에 직접적인 하위 엘리먼트에 대하여만 선택할 때 사용합니다. (하위 선택자와 다름니다.) 메인 약도 제품소개 회사소개

IT/CSS 2015.03.09

css의 선택자의 사용

선택자에 대해서.. css 효과가 적용되는 태그를 지정합니다. selector declaration declaration h1 {color:blue;font-size:12px;} property value property value 1. id 선택자에 대해 1) 우선 순위가 가장 높습니다. 2) css 선택자에서는 #을 상요하여 id라는 것을 표시합니다. 3) id속성은 전체의 문서에서 하나의 태그를 식별하기 위해서만 사용됩니다. 4) 아래의 예제는 id값이 dung인 태그의 컨텐츠를 파란색으로 표시하도록 합니다. blue 2. class 선택자에 대해 1)css선택자에서는 ','을 사용하여 class 입을 표시합니다. 2)class 속성에서는 공백으로 구분되는 여러개의 class가 표시될 수 있습니다...

IT/CSS 2015.03.09

css를 사용하기

html에서의 css 사용해보기 1. inline 1)엘리먼트에다 스타일을 직접 기술하는 방법 2)셀렉트가 필요 엄씁니다. 3)css선언이 분명해서리 style tag 방식에 비하여 엘리먼트에다 영향을 주고 있는 css를 추적하기가 용이하다. 4)코드가 많아지고 (코드 생성양들이 많아진다),의미와 디자인의 분리라는 css의 방식에 벗어나게 된다. 2. style tag방법 1) style 태그에 적용하는 방법 2) 의미와 디자인의 나눔이라는 css의 방식에 부합한다. 3) inline 방식 대비하여 효과적으로 코딩 할 수 있다. 3.외부 파일 방식 1) 파일의 교체로 디자인을 변경할수 있단느 부분에서 유지 및 보수가 용의하다. 2) 문법적으로 style tag와 동일하다. 3) css를 별도의 파일로 분..

IT/CSS 2015.03.09
반응형