방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 전체 글674 Html css Text 1. 텍스트 칼라 대상 { color: 색상; } * 색상 코드 https://htmlcolorcodes.com/ 2. 텍스트 정렬 div { text-align: center; /*중앙*/ } div { text-align: left; /*왼쪽*/ } div { text-align: right; /*오른쪽*/ } 3. 텍스트 균등 분배 div { text-align: justify; } 4. 꾸밈 없음 div { text-decoration: none; } 5. 텍스트 상단, 중앙, 하단 선 div { text-decoration: overline;/*위에 선*/ } div { text-decoration: line-through;/*중앙에 선*/ } div { text-decoration: under.. 2019. 7. 8. Html css Height, Width 1. 높이와 넓이 부여 div { height: 200px; width: 200px; background-color: blue; } 2. 비율에 따른 부여 (부모 테그의 크기에 비래한다) div { height: 50%; width: 50%; background-color: blue; } 3. 높이 / 넓이 최대값 지정 div { max-width: 500px; max-height: 100px; height: 100px; background-color: blue; } 4. 높이 / 넓이 최소값 지정 div { min-width: 100px; min-height: 100px; background-color: blue; } 5. 높이 / 넓이 내부의 대상에 따른 자동크기 div { width: auto; h.. 2019. 7. 5. 앵귤러 튜토리얼 (Angular tutorial) -17 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com * 파이어베이스 등록방법 이번시간에는 파이어베이스를 활용하는 방법에 대해 알아보겠다. 파이어베이스는 구글에서 제공하는 비관계형 데이터베이스로 Key : Value 형식으로 데이터를 저장해 주는 클라우드 형태의 서버이다. 즉, 어느 곳에서나 접속 할 수 있는 데이터베이스 개념이라 볼 수 있다.. 2019. 7. 4. Html CSS Padding 1. 내부에 여백 주기 div { padding-top: 50px; /*위*/ padding-right: 50px; /*오른쪽*/ padding-bottom: 50px; /*아래*/ padding-left: 50px; /*왼쪽*/ } 2. 1줄로 여백 주기 div { padding: 25px 50px 75px 100px; /*위, 오른쪽, 아래, 왼쪽*/ } * 1줄에서 1개를 빼면 마지막 적용내용이 순차적으로 사라진다. div { padding: 25px 50px 75px; /*위, 오른쪽, 아래*/ } 3. 전체 동일한 값 적용 div { padding: 25px; } 4. 패딩 효과 2019. 7. 4. HTML CSS Margin 1. 일반 사용 요령 p { margin-top: 100px; /*위*/ margin-bottom: 100px; /*아래*/ margin-right: 100px; /*오른쪽*/ margin-left: 100px; /*왼쪽*/ } 2. 1줄로 표현 (위 -> 오른쪽 -> 아래 -> 왼쪽) p { margin: 50px 60px 70px 80px; /*위, 오른, 아래, 왼*/ } 3. 같은 여백 주기 (전부) p { margin: 25px; /*위,아래,오른쪽,왼쪽 모두 25px*/ } 4. 여백 상속(다른 테그의 속성을 받기) 여백 효과 물려 받기 2019. 7. 3. Html CSS Borders 1. 테두리 효과 p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} 2. 적용 모습 2019. 7. 3. 이전 1 ··· 87 88 89 90 91 92 93 ··· 113 다음
