아미(아름다운미소)

예) 링크에 밑줄 없애기 a:link { color: red; text-decoration: none;} a:visited { color: black; text-decoration: none;} a:hover { color: blue; text-decoration: underline;} (설명) style 소스의 type = text를 제어하는 css로 한다. a:link : 클릭하지 않은 링크 a:visited : 한번 클릭했던 혹은 다녀갔던 링크 a:hover : 링크를 클릭하려고 마우스를 가져갔을 때 decoration : 밑줄 none : 없는 상태 underline : 있는 상태 a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태

SELECT BOX 크기를 style속성으로 고정시키기 선택하세요승용(자가용)승용(영업용)승합(자가용)승합(영업용)화물(자가용)화물(영업용)오토바이택시버스6종건설기계(비영업용)6종건설기계(영업용)

HTML 코드를 작성하다 보면 꺽쇠(부등호)를 화면에 출력하기 원할 때가 있습니다. 그런데 이(꺽쇠)는 HTML 태그의 시작과 끝을 나타내는 특수 문자(Entity Name)여서 이를 그대로 작성하게 되면 HTML요소로 인식해버려 화면에 출력이 제대로되지 않습니다. 공백 또한 마찬가지입니다. HTML은 길게 연속된 공백 문자를 하나의 공백 문자로 인식하기 때문입니다. 꺽쇠(부등호)등을 화면에 출력하기 원할때 참조 하세요~ 특수코드 값 실제 표현 뜻 / 용도 > (부등호 꺽쇠) 왼쪽으로 열린 부등호. 수식에서 A > B 와 같은 형태로 사용. HTML 코드에서 모든 태그..

크롬의 특징 중의 하나가 input, textarea, button에 파란색 테두리가 생긴다는 것입니다. input에 무언가를 입력하려고 커서를 위치시키면 파란색 테두리가 생깁니다. 테두리가 생기지 않게 하려면 다음처럼 스타일 하면 됩니다.

해당 택스트 박스에 포커스가 있으면 주위에 두꺼운 빨간 테두리가있는 입력 텍스트 필드로 만들고 해당 택스트 박스에서 포커스가 벗어나면 일반 기본 테두리로 다시 기본 설정하기를 원하면

position:absolute와 tabel-cell을 이용한 중앙정렬 방법 * html 중앙정렬 방법 * css.layer{position:absolute;display:table;top:0;left:0;width:100%;height:100%} .layer .layer_inner{display:table-cell;text-align:center;vertical-align:middle} .layer .content{display:inline-block;background:skyblue}ie8 이상 모든 브라우저에서 지원 가능합니다.layer 안의 content 영역이 고정값이 아니라 가변이어도 자동으로 중앙정렬이 가능합니다.코드 중첩이 여러번 되어야 합니다.

뷰포트 기본 모바일로 최적화된 사이트는 일반적으로 다음과 같은 태그를 포함합니다. width 속성은 뷰포트의 크기를 조정합니다. 특정한 숫자를 사용해 width=600라고 할 수도 있고 device-width와 같은 특정한 값을 사용할 수도 있는데, device-width는 100% 스케일에서 CSS 픽셀들로 계산된 화면의 폭을 의미합니다. (뷰포트의 높이에 따라 크기와 위치가 변하는 요소들로 이루어진 페이지의 경우 상응하는 height와 device-height 값들이 유용하게 사용될 수 있습니다.) initial-scale 속성은 페이지가 처음 로드될 때 줌 레벨을 조정합니다. maximum-scale, minimum-scale, 그리고 user-scalable 속성들은 사용자가 얼마나 페이지를 줌-..