일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 파일 입출력
- JavaScript
- kotlin #return #jump
- 윈도우 #단축키
- File 클래스
- 코틀린#클래스#상속
- 연산자
- jQuery
- 다형성
- list
- property
- css
- Java
- html
- function
- array
- javaservlet
- 연락처 프로그램
- Event
- 데이터베이스
- 상속
- spring
- String
- 오라클
- Method
- 자바
- jsp
- GUI
- 설치
- springframework
- Today
- Total
목록전체 글 (121)
Binary World
- inline 요소들은 width/height 값을 설정할 수 없음!- 예외)display 프로퍼티를 inline-block하면 화면 배치는 inline처럼 가로로 배치 block 요소처럼 width/height를 설정할 수 있음 1234567891011121314151617181920212223242526272829303132333435363738394041Linka{ text-decoration: none; border: 1px solid hotpink; display: inline-block; width: 80px; height: 20px; text-align: center;}/* pseudo class는 ":예약어" 형식으로 사용 */a:hover { /* 마우스가 a 태그 위에 있을 때 */ ..
12345678910111213141516171819202122232425262728293031323334353637383940414243CSS Textbody { /* 텍스트 색상 */ color: blue;}/* 텍스트 정렬 */.cls-left { text-align:left; text-decoration: underline;}.cls-center { text-align:center; text-decoration: overline;}.cls-right{ text-align:right; text-decoration: line-through;}p { text-indent: 20px;} SCC TextLeftCenterRight서울에사는 천모씨(31)가 오늘 오후 다른 강의실로 원정을 떠나겠다며 선언했습..
1234567891011121314151617181920212223242526272829Margindiv { border: 2px solid black;}.cls-margin {/* margin-top: 10px; margin-right: 20px; margin-bottom: 40px; margin-reft: 30px; */ /* margin: top right bottom left; */ margin:30px 40px;} CSS Margin여기는 단락1입니다.여기는 단락2입니다.여기는 단락3입니다.Colored by Color Scriptercs
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455Box Model.c1 { border: 4px solid black;}.c2 { border: 4px dotted red; margin: 10px;}.c3 { border: 4px dashed blue; padding: 10px; margin: 20px;}.c4 { border-width: 10px; border-style: groove; /* solid, dotted, dashed, groove, ridge, inset, none, ... */ border-color: red;}.c5 { height: 100px; bord..
- CSS 색상 표시 방법1. 색상 이름을 사용: red, green, blue, ...2. rgb 함수 사용: rgb(r, g, b) -> 0 ~ 2553. 16진수 사용:#RRGGBB -> 00 ~ FF 12345678910111213141516171819202122232425262728CSS Color.color-red{ background-color: red;}.color-green{ background-color: rgb(0, 255, 0);}.color-blue{ background-color: #0000FF;}.color-hotpink{ background-color: hotpink; font-size: 38px;}CSS ColorREDGREENBLUEcs
1. Element(요소), Tag(태그) 선택자: HTML 태그2. Class: HTML 태그 안에서 class 속성의 값3. ID: HTML 태그 안에서 id 속성의 값 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859CSS Selector/* CSS 주석*//* 1. 태그(Element) 선택자 */div { color: crimson;}/* 2. 클래스 선택자: .클래스이름 */.c1 { color:blue;}.c2 { color:green;}/* 3. 아이디 선택자: #아이디이름 */#i1{ color:purple;}#i2{ color:orange;}..
- 안에 넣는 순서에 따라 적용 순서가 바뀜(가장 마지막에 선언한 값이 적용됨)- 일반적으로 link를 먼저 선언 12345678910111213141516171819CSS h1 { background: lightgrey;} CSS 적용 순서Colored by Color Scriptercs 12345678910@CHARSET "UTF-8";.div2 { color: green; font-size: 300%;}h1 { background: cyan; color: red;}cs
* CSS를 적용하는 방법1. Inline Style: HTML 태그 안에서 style 속성을 설정2. Internal Style: 태그 안에서 요소들을 정의3. External Style: 외부 CSS 파일을 링크해서 사용(CSS파일을 생성해서 불러옴) 123456789101112131415161718192021222324252627282930313233CSS.div1 { color: red; font-size: 200%;} CSS(Cascading Style Sheet) Inline Style Inline StyleInternal StyleExternal Style Colored by Color Scriptercs 12345@CHARSET "UTF-8";.div2 { color: green; font..