2023. 11. 29. 21:43ㆍDaily Codig Reminder
17. 폰트 속성
.a{ font-size: xx-small; }
.b{ font-size: x-small; }
.c{ font-size: small; }
.d{ font-size: medium; }
.e{ font-size: large; }
.f{ font-size: x-large; }
.g{ font-size: xx-large; }
font-style 속성과 font-weight 속성
p{
font-size: 2em;
font-style: italic;
font-weight: bold; }
text-align 속성
- 글자의 수평 정렬을 지정하는 속성이다.
h1{ text-align: center; }
h2{ text-align: left; }
h3{ text-align: right; }
div{
border: 1px solid black;
padding: 10px;
width: 200px;
height: 250px;
text-align: justify; }
텍스트 데코레이션
h1{ text-decoration: overline; }
h2{ text-decoration: line-through; }
h3{ text-decoration: underline; }
a{ text-decoration: none; }
- text-transform 속성
- 글자를 대소문자 및 첫 글자 대문자로 지정하는 속성이다.
p.uppercase{ 다 대문자 text-transform: uppercase; }
p.lowercase{ 다소문자 text-transform: lowercase; }
p.capitalize{ 앞문자만 대문 text-transform: capitalize; }
자간 간격
h1{ letter-spacing: 3px; }
h2{ letter-spacing: -3px; }
단어 간격
h1{ word-spacing: 10px; }
h2{ word-spacing: -5px; }
line-height 속성
- 라인 간격을 설정할 때 사용한다
p.small{ line-height: 0.8; }
p.big{ line-height: 1.8; }
19. 포지션 속성
static 속성 : 태그가 위에서부터 아래까지
div.static{ position: static; border: 3px solid #73AD21; }
relative 속성
- normal position 기준으로 부터 상대적인(relative) 위치가 결정된다.
- relative position은 top, bottom, left, right 속성과 같이 사용된다.
fixed 속성
- viewport를 기준으로 하는 상대적인(relative) 위치가 결정된다. 따라서 페이지가 scroll 되도 항상 고정된 위치에 보여진다
absolute 속성
- 가장 가까운 부모 요소 기준으로 하는 상대적인(relative) 위치가 결정된다. 만약 부모 요소가 없거나 부모요소에 position 설정값(stati제외)을 설정하지 않으면 body 요소를 기준으로 설정된다. 따라서 scroll하면 움직이게 된다.
z-index 속성 (Overlapping 요소 처리 )
- 요소가 position 될 때 겹쳐져 보일 수가 있다. 이때 요소의 stack 순서를 변 경할 수 있는 속성이다. ( 기본은 아래 입력한 요소가 위로 올라온다.)
- 큰 값을 입력할 수록 위로 올라온다.
img{ position: absolute; left: 0px; top: 0px; z-index: -1; }
</style> </head> <body>
<h1>This is a heading</h1>
<img src="../images/001.png" width="100" height="140">
20. overflow 속성
- 내부의 요소가 부모의 범위를 벗어날 때 어떻게 처리할 지 지정하는 속성이다.
div{ width: 200px; height: 50px; overflow: visible; }
visible 속성
- 영역이 벗어나도 내부요소가 보여진다.
hidden 속성
- 영역이 벗어나는 부분을 보이지 않게 처리한다.
scroll 속성
- 무조건 모든 축(x,y)에 스크롤이 생성된다.
- overflow-x , overflow-y 속성을 사용하면 필요한 축에만 설정 가능하다.
auto 속성
- Scroll과 비슷하다. 차이점은 필요할 때만 scroll이 추가된다.
21. float 속성
- 특정 태그의 주위로 wrap할 수 있도록 left 또는 right로 밀어 넣을 수 있는 방법이다. ( horizontal 만 가능, up과 down은 불가능 )
- floating 태그의 before 요소는 영향을 받지 않는다.
- clear 속성으로 해제한다.
- 웹 페이지의 레이아웃을 구성할 때 반드시 사용하는 속성이다.
- 부유하는 대상을 만들 때 사용한다.
수평정렬
.box{ width: 100px; height: 100px;
background-color: red;
margin: 10px; padding: 10px;
float: left; }
JAVA
1.클래스 명과 파일이름은 동일
2. 클래스 이름은 대문자로 시작
public class HelloTest {
public static void main(String[] args) {
//프로그램의 시작지점, 메인을 순서대로 절차적 순차적
//실행 후 메인 종료되면 프로그램 끝남
System.out.println("capibara"); //콘솔 후 출력후 개행
}//메인블럭
}//CLASS 블럭
System.out.println("HelloA"); //println함수 -개행출력
System.out.println("HelloB");//println함수 -개행출력
System.out.println("abc"+"123"); abc123
System.out.println("10"+"20"); 1020
자바에서 데이터 분류 ”A” → 문자열 =String ⇒ printf %s
‘A’ → 문자 = char ⇒ printf %c
12345→ 정수형(소수점 X) = d ⇒ printf %d
12.34 → 실수형(소수점O) = printf %f
true/false ⇒ boolean ⇒ printf %b
System.out.println("이름은 "+"홍길동"+" 입니다.");
System.out.printf("이름은 %s 입니다.", "홍길동");
System.out.println();
System.out.println("이름은 "+"홍길동, 나이는 "+"10살 입니다.");
System.out.printf("이름은 %s, 나이는 %d살 입니다.", "홍길동", 28);
System.out.println();
System.out.printf("이름은 %s, 나이는 %d, 성별은 %c", "홍길동", 28,'남');
System.out.println();
System.out.printf("이름은 %s, 나이는 %d"
+"키는 %3.3f, 성별은 %c, 결혼 %b\n",
"홍길동", 987456,185.5498745,'남',true);
→ 엔터칠때 +안하면 값이 안나옴
→\n 강제개행문자
System.out.println("a\tb\tc"); \t 쓰기
→ a b c
System은 java.lang package 안에 있음
묵시적인 사용 안적어줘도 사용가능
- 식별자
첫문자는 반드시 영문자 특수문자는 안되지만 _ 랑 $은 됨 띄어쓰기 안됨 - 기본데이터형
§ 논리형 - boolean
§ 문자형 - char
§ 정수형 - byte, short, int(기본), long
§ 실수형 - float, double(기본, 많은숫자)
1) 정수 저장변수
int a: //변수생성 저장할 (관리항) 데이터 타입
a=10; // 실제 사용할 데이터 저장(할당)
a=10+20; sysout(a);
2) 에러의 경우
int a: sysout(a); long long_int =1000000000000L;
→long 의 경우 L을 붙인다
String name;
int age;
String address;
boolean isMarried;
float height;
double weight;
2. 할당
name="홍길동";
age=20;
address="인천";
gender='남';
isMarried= false;
height=185.63F;
weight=78.25;
System.out.println(name);
System.out.println(age);
System.out.println(address);
System.out.println(gender);
System.out.println(height);
System.out.println(isMarried);
System.out.println(height);
System.out.println(weight);
함수 안에 선언된 변수: 로컬, 지역변수
외우기!!!!!!!!!!!!!!
1) 선언된 함수 안에서만 사용가능.
2) 로컬변수는 반드시 선언, 초기화 한 후 사용해야
3) 함수 호출 시 생성, 종료시에 소멸됨
System.out.println( name+" "+age+ " 성별("+gender+") 결혼여부("+isMarried+ ")
키("+ height+ ") 체중("+ weight+")");
String data2=name+" "+age+" " +address+ " 성("+gender+")"+" 결혼여부 ("
+isMarried+") 키("+height+") 체중("+weight+")";
System.out.println(data2);
System.out.printf("%s %d %s 성별(%c) 결혼여부(%b) 키(%.2f) 체중(%.2f)",
name, age, address, gender, isMarried, height, weight);
char c='A';
int num=(int)c; //명시적 형변환 /casting char=>int
//c=(int)c;
System.out.println(num+ "\t"+c);
System.out.println(c+1); //묵시적 형변환: 자동 char->int 형변환+1 계산 후 출력
System.out.println((char)(c+1));//명시적 형변황 66 값을 char로 변경하여 문자로 출력
char c2='홍';
char c3='\uD64D';
char c4=65;
System.out.println(c+"\t"+c2+"\t"+c3+"\t"+c4);
System.out.println("==========");
System.out.println("aaa\tbbb"); //탭 System.out.println("aaa\nbbb");
//줄바꿈 System.out.println("aaa\'bbb");
// '출력 System.out.println("aaa\"bbb");
//"출력 System.out.println("aaa\\bbb"); // \출력
'Daily Codig Reminder' 카테고리의 다른 글
| 문장 (1) | 2023.11.30 |
|---|---|
| 식별자와 데이터형, 연산자 (0) | 2023.11.29 |
| CSS (0) | 2023.11.28 |
| html 마무리 (1) | 2023.11.27 |
| html - head (0) | 2023.11.24 |