슈거

분류 전체보기

• [HTML] 텍스트 관련 태그 모음

  HTML & CSS 2018. 12. 4. 15:31

  의미 없는 bold체 중요한 의미의 bold체 의미 없는 italic체 강조하는 italic체 small text 지정 형광펜 표시 취소선 표시 추가된 text 지정 아래 쓰인 text 위에 쓰인 text 본문에 쓰이는 text인용문을 지정하는 q태그, 큰 따옴표로 감싼다 수평줄(빈요소)

  Read More
• [JS] ES6 기본

  JavaScript 2018. 11. 21. 17:58

  // 값과 리터럴(값의 표기법) console.log(`let and const`) // 변수 선언 // let 은 값 없이 명만 선언 가능 let six, two; six = 55, two = 2; console.log(six + ' ' + two); six = 7; six = 19; console.log(six); // const nine; const 는 변수 명과 값을 대입해주어야 한다 const nine = 9, ten = 10; console.log(nine + ' ' + ten); //const nine = 99; 최초 선언 후 다른 값 대입 불가능 //안 변하는 값이면 let 보다는 const 를 사용하는 것이 좋음 ​ // 식별자(Identifier) = 변수 명 // 숫자, 알파벳, 달러..

  Read More
• [CSS] 테이블 tbody 에 스크롤 부여

  HTML & CSS 2018. 11. 21. 17:53

  // 테이블 tbody 에 스크롤 부여 .add-scroll { border-collapse: collapse; width: 100%; thead { float: left; width: 100%; tr { width: 100%; th { width: 150px !important; } } } tbody { overflow-y: auto; overflow-x: hidden; float: left; width: 100%; max-height: 500px; tr { display: table; width: 100%; td { width: 100px; } } } tfoot { float: left; width: 100%; tr { width: 100%; td { width: 150px !important; bo..

  Read More
• [CSS] select 박스 화살표 지우기

  HTML & CSS 2018. 11. 21. 17:50

  .remove_select_arr { -webkit-appearance: none; /* for chrome */ -moz-appearance: none; /*for firefox*/ appearance: none; &::-ms-expand { display: none; } &:focus { outline: none; } }

  Read More
• [CSS] input placeholder color

  HTML & CSS 2018. 11. 21. 17:49

  input { padding: 0.78571429em 2.1em 0.78571429em 1em; border-radius: 0.28571429rem; &.input_error { background-color: rgba(221, 78, 90, 0.1); } &::placeholder { color: #f5747f; opacity: 1; /* Firefox */ } &:-ms-input-placeholder { color: #f5747f; /* Internet Explorer 10-11 */ } &::-ms-input-placeholder { color: #c6c6c6 !important; /* Microsoft Edge */ } &::-webkit-input-placeholder { color: #f57..

  Read More
• [Vue] 컴포넌트와 메소드 수신

  Framework 2018. 11. 21. 17:36

  {{msg}} {{msg}} {{msg}}

  Read More
• [JS] javascript 이벤트 버블링

  JavaScript 2018. 11. 21. 17:28

  Layer desc desc desc desc

  Read More
• [CSS] 레이어 중앙 정렬 (ie7 ~)

  HTML & CSS 2018. 11. 21. 17:24

  // 레이어 배경 .layer_popup { z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.2); // 중앙 배치되는 내용 .content { display: inline-block; vertical-align: middle; } // 중앙으로 받쳐주는 가상 요소 &:after { display: inline-block; content: ''; width: 0; height: 100%; vertical-align: middle; } }

  Read More