font-famaily font-family h1, h2, h3, h4, h5, h6, dt {font-family:"ngo","sans-serif","AppleGothic","굴림","Gulim","Arial","verdana","Helevatica";} 위 소스는 순서대로 폰트사용의 우선순위가 달라집니다. 제일먼저 쓰여진 ngo라는 폰트를 우선해서 적용한다는 의미가 됩니다. 더보기 background-size : cover; - cover - 배경 이미지를 설정하며가로/세로 비율은 유지 되며 배경 이미지의 크기는 엘리먼트의 크기보다 항상 크거나 같습니다. -webkit-background-size: cover; -> 크롬에서 cover 적용 -moz-background-size: cover; -> 파이어폭스 에서 cover 적용 -o-background-size: cover; -> 오페라 에서 cover 적용 background-size: cover; -> cover 적용 body { background: url(bg.jpg') no-repeat center center fixed; background-size:cover; } 더보기 블로그 글쓰기 html 서식 line-height: normal Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada. line-height: 25px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada. line.. 더보기 a 속성 a:hover (마우스를 올렸을때 링크) a:active (마우스로 클릭하는 순간,동안) a:visited (이미 방문한 후 링크 보여지는 효과) a:link { color : #003333; text-decoration : none; } → a태그가 걸린 글자의 스타일을 위와 같은 스타일로 변화시킬 수 있습니다. a:hover { color : #cc3300; font-weight : bold; } → a태그가 걸린 글자에 마우스를 가져다 대면 위와 같은 스타일로 변화시킬 수 있습니다. a:active { color : #ff0000; text-decoration : underline; } → a태그가 걸린 글자를 클릭 시 위와 같은 스타일로 변화시킬 수 있습니다. a:visited { color : .. 더보기 min-width / min-height - max-width / max-height min-width / min-height 컨텐츠의 내용이 지정된 크기보다 작더라도 지적된 크기를 유지합니다. max-width / max-height 지정된 값을 넘게 되면 요소의 크기를 더이상 확장하지 않습니다. 더보기 css 속성값의 입력 개수에 따른 설명 padding, margin, border - 값의 개수에 따라 지정되는 방향이 다음과 같이 지정됩니다. padding : 10px ; - 상하 좌우 10픽셀이 적용됨padding : 10px 20px; - 상하는 10픽셀 좌우는 20픽셀이 적용됨padding : 10px 20px 30px - 상 10픽셀, 좌우 20픽셀, 하 30픽셀이 적용 됨padding : 10px 10px 10px 10px - 상 10픽셀, 우 20픽셀, 하 30픽셀, 좌40픽셀이 적용됨 (위쪽으로부터 시계방향) 더보기 HTML - body 요소 - 하이퍼링크 는 웹의 하이퍼링크를 작성하는 요소입니다.href 속성으로 연결되는 자원의 URL을 지정할 수 있으며target 속성은 연결된 자원이 표시될 웹 브라우저의 창 이름을 지정할 수 있지만 strict DTD에서는 사용할 수 없습니다. - 이미지 는 이미지를 삽입하는 요소입니다.URL을 지정하는 src 속성과이미지에 대한 설명으로 표시되는 alt가 있습니다. 이미지의 설명이 복잡한 경우, 별도의 파일로 내용을 작성하고 이 URL을 longdesc의 속성값으로 지정하여 연결할 수 있습니다. 또한 이미지를 이미지맵으로 사용하기 위해서는 usemap속성을 지정해야 합니다. , - 강조하는 구문 과 은 내용 중 강조하고 하는 구문을 지정하는 요소입니다. 일반적으로 보다 이 더 강한 강조의 의미를 갖습니.. 더보기 [ol, ul , div, span ] [ ol, ul , div, span ] 은 모두 목록 범위를 생성 하는 요소 입니다. 은 요리 순서와 같이 순서가 있는목록의 범위를 생성하며은 쇼핑 목록과 같이 순서가 없는 목록 범위를 생성 합니다. 은 콘텐츠의 그룹화를 하는 요소 예제는 슬슬 추가할 예정입니다. 더보기 <meta> 태그 페이지 정보의 제공 meta 요소는 HTML자체의 정보를 작성하는 태그 입니다. 유저에게 제공되는 정보가 아닌 컴퓨터 프로그램 등에게 제공되는 정보입니다.우리눈에는 보이지 않겟지만 다른 사이트 등에서 요구하는 정보로 쓰입니다. head 영역안에 써줘야 합니다. 사이트 설명 속성인 description 페이지의 키워드 속성인 Keyword 페이지 작성자 기록 속성인 author 저작권자 기록 속성인 copyright 등이 있습니다.아래 예를 참고 해 주세요! 더보기 <body>영역의 요소 ~은 제목을 구성하는 부분이며 정보 계층을 기계화하는 역할을 합니다. 정보를 구조화하는 자리 문단의 작성shift + Enter또는 Enter 해당하는 문단 구성입니다....이는 HTML에서 &at; br&bt;와 <&p&pt;;의 관계와 같습니다. -연락처 정보는 일반적으로 웹 페이지 하단에 웹 사이트의 작성자 또는 담당자와 연락 할 수 있는 정보를 표시하는 데 사용됩니다. - 구분선을 작성은 페이지 내의 구분선을 작성하는 데 사용됩니다. -인용된 문단는 인용된 문단을 표시하기 위한 요소입니다.인용 출처를 표시하기 위한 전용 속성인 cite를 갖습니다. 더보기 이전 1 2 3 4 다음