본문 바로가기

CSS

 (9)
CSS 색상표, 글꼴꾸미기 material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=2196F3 http://blog.naver.com/pjh445/220010107221 HTML CSS 색, 색코드, 색이름, HEX헥스값 RGB,색상표기법,색표기,색상값,색상코드값,색투명(alpha),칼라 CSS 색표기[HTML+CSS]색 Colors- 색이름,HEX헥스,RGB, 색상표기법,색표기,색상값,색상코... blog.naver.com https://www.codingfactory.net/10656 CSS / text-transform / 대문자로 또는 소문자로 바꾸는 속성 개요 text-transform은 대문자로 또는 소문자로 바꾸는 속성입니다. 기본값 : none ..
css 파일모음
font// 폰트 정리 https://www.codingfactory.net/10973 CSS / columns / 다단으로 만들기 columns columns는 다단으로 만드는 속성입니다. 단의 최소 가로 크기와 단의 최대 개수가 속성의 값입니다. 기본값은 auto로, 값을 입력하지 않으면 auto로 처리합니다. IE는 버전 10 이상을 지원합니다 www.codingfactory.net 문법 : font-family: font | initial | inherit font : family-name 또는 generic-family initial : 기본값으로 설정 inherit : 부모 요소의 속성값을 상속받음 font family-name은 글꼴 이름입니다. 글꼴 이름에 띄어쓰기가 있으면 작은 따옴표 또는 큰 따옴표로 감쌉니다..
CSS파일// js파일과 html호출하여 테이블 셋팅하기 includeJS.html NewFile.html(table 형식) hello world hi good includeHtml.js( function includeHTML() { var z, i, elmnt, file, xhttp; /*loop through a collection of all HTML elements:*/ z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { elmnt = z[i]; /*search for elements with a certain atrribute:*/ file = elmnt.getAttribute("w3-include-html"); if (file) { /*make an HTTP request..
CSS 테이블 다루기 2,3번에 들어가는 CSS파일 : 멜론 zip: 1. 번호이름나이 1홍길동24 2성춘향16 3일지매21 2. 테이블 타입1 제목 비번 파일 내용 3. 테이블 타입2 번호 제복 작성자 조회수 작성일 1 제목입니다 id명ㅎ 5 2020-11-06 2 답변 : 답변입니다. 일지매 3 2020-11-16
CSS div 다루기 /* 왼쪽정렬 */ #fullscreen{ float: left; } /* 왼쪽 바깥쪽 여백 */ #leftup{ margin-left: 10px; } /* 테두리 줄을 1개로 */ table{ border-collapse: collapse; } /* 안쪽여백 */ td{ padding: 15px;/* 안쪽여백 */ } /* 큰 원으로 찍히는 선(도트선) */ border: 3pc dotted; /* 밑라인만 그어줌 */ border-bottom: 1px solid; margin margin-top (상단 여백) margin-right (오른쪽 여백) margin-bottom (아래 여백) margin-left (왼쪽 여백) [4면 한꺼번에 margin 지정하기] table { margin: 5px 7p..
단어 여백설정, 정렬 /*헤드에서 태그 정렬설정*/ #p1{ text-align: center; } /* 단어별 사이에 공간주기 */ .p2{ word-spacing: 30px; } /* 문자 하나당 공간주기 */ .p3{ letter-spacing: 20px; } /* 글자(문장)사이의 높이 조절 */ .p4{ line-height: 1.7em; } /* a태그에 링크 밑줄라인 제거 */ a{ text-decoration: none; } /* 방문 한 사이트의 색상을 다르게 줌 */ a:visited { color: #0000ff; } /* 마우스를 가져다 댔을경우 색이 바뀜 */ a:hover { color: #ffff00; background-color: #000; } /* 클릭하면(클릭한상태유지시) 색상이 바뀜 */ ..
CSS 폰트 다루기 모두 대문자로 바꾸기 text-transform: uppercase; 새창에서 열기

티스토리툴바