In HTML, the table styles cellpadding and cellspacing can be setHTML에서 cellpadding과 cellspacing스타일을 설정할 수 있었다. How would this be accomplished using CSS?문제는 어떻게 css를 사용하느냐는 것인데.. BasicsFor controlling "cellpadding" in CSS, you can simply use padding on table cells. E.g. for 10px of "cellpadding":css에서 cellpadding을 제어하기 위해서는 단순히 테이블 셀인 td 에 padding을 사용하면 된다.예를 들어 10px 만큼의 cellpadding을 원하면 다음과 같이. ..
CSS Font-Size: em vs. px vs. pt vs. percentOne of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, you’re given four different units by which you can measure the size of text as it’s displayed in the web browser. Which of these four units is best suited for the web? It’s a question that’s spawned a diverse variety of debate and cri..
화면 회전시 폰트사이즈 고정1body {-webkit-text-size-adjust:none}페이지가 랜더링될 때 모바일 사파리는 텍스트의 크기를 자동으로 조절하는데, 이때 -webkit-text-size-adjust를 이용해 텍스트의 크기를 고정 또는 원하는 대로 조절할 수 있습니다. css의 body에 적어주면 해결됩니다.-webkit-text-size-adjust의 3가지 속성auto : 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절none : 폰트사이즈 고정n% : 폰트사이즈를 지정된사이즈로 변경모바일 웹페이지를 가로크기에 맞추기1스마트폰에서 랜더링 시켰을경우 터치를 통한 화면의 크기가 변경되지 않아야 하는데, 일반 웹사이트들은 그 크기가 pc에 맞게 제작되었기 때문에 상대적으로 작은 모바일..
CSS 순서 선택자 css에서 내부적으로 조건문 처리하여 순서를 선택할 수 있는 셀럭터들이 있다. 활용 빈도수가 아주 높은것들만 간략하게 메모. element:first-child{} : 첫번째 element:nth-child(2)P{} : 2번째 element:last-child{} : 마지막번째 element:nth-child(odd) : 홀수번째 element:nth-child(even) : 짝수번째 element:nth-child(2n+1) : 2개씩 자르고 그중 1번째 element:nth-child(2n) : 2번째
- 잘라내는방법 (overflow 속성) 속성 : overflow 값 : visible, hidden, scroll, auto, inherit 기본값 : visible적용대상 : 블록 레벨 요소, 치환 요소 overfloe 속성은 블록 레벨 요소 또는 치환 요소 내용이 박스에서 튀어나왔을때 튀어나온 부분을 어떻게 표시할지를 정한다. 속성 값에 대한 의미는 다음과 같다. visible : 박스 밖으로 나가는 내용을 자르지 않는다. 내용은 박스의 바깥쪽에도 표시된다. 이값이 지정되었어도 브라우저의 표시영역에 제약이 있어 내용이 잘릴 가능성이 있다. hidden : 박스 밖으로 나가는 내용을 잘라낸다. 박스의 안쪽에서만 내용을 표시하고 브라우저는 해당 영역에서 스크롤을 제공하게 되어 있지 않기 때문에 사용자는..
1.한국어 2.유니코드 utf-8로 저장
user-scalable=no : 확대보기 허용 여부(no/yes) initial-scale=1.0 : 페이지 로딩시 확대비율 maximum-scale=1.0 : 최대확대비율 minimum-scale=1.0 : 최소축소비율 width=device-width : 플랫폼 가로 크기에 맞춤, 수치를넣으면 그수치에 맞게 맞춰짐. target-densitydpi=medium-dpi : dpi([dots per inch])설정 아이폰 사파리에서 전화번호 링크를 마음대로 하는 경우가 있는데 그럴 경우 이렇게 하면 자동 링크가 되지 않는다.
4개일때 body { margin: 1px 2px 3px 4px; } 상,우,하,좌 시계방향으로 시작한다. 3개일때 body { margin: 1px 2px 3px; } 상,우좌,하 상1px,우좌2px,하3px 이렇게 먹힌다. 2개일때 body { margin: 1px 2px; } 상하,좌우 이렇게 먹힌다. 1개일때 body { margin: 1px; } 상하좌우 모두 1px로 먹힌다. example) 1 2 #prevBtn{position:absolute;top:50%;left:10px;margin:-31px 0 0 ;} #nextBtn{position:absolute;top:50%;right:10px;margin:-31px 0 0 ;}