'div'에 해당되는 글 2건

Programming/HTML CSS
1. div 사용
안녕하세요.
<div>우리나라</div>
<div>대한민국</div>
반갑습니다.
▶ block 형태로 특정 영역을 나누도록 합니다. 하나의 div 영역이 가로영역을 기준으로 전체를 차지하는 형태입니다.


2. div CSS

(1) width, height

div의 넓이와 높이에 대한 크기를 설정합니다.

(2) margin, padding

padding은 border보다 한단계 더 안쪽에 대한 여백을 지정하며 padding-top(위쪽), padding-bottom(아래쪽), padding-left(왼쪽), padding-right(오른쪽) 속성을 사용합니다.

margin은 가장 외곽에 대한 속성이며 여백을 지정합니다. margin-top은 위쪽, margin-bottom은 아래쪽, margin-right는 오른쪽, margin-left는 왼쪽여백을 의미합니다.

위 두 속성은 margin-bottom, margin-left, margin-right, margin-top 처럼 속성을 지정해 각각의 면에 대한 크기를 지정할 수 있으며 만약 값을 margin: 10px 10px 10px 10px; 처럼 크기를 지정하면 왼쪽부터 top, right, bottom, left 로 적용됩니다. 또는 margin: 10px 10px; 로 두개의 값만을 사용하면 첫번째 값은 top, bottom으로 두번째 값은 left, right로 적용됩니다.

(3) box-sizing

이 속성의 값을 content-box로 지정하면 margin이나 border, padding와 같은 속성을 제외하고 width와 height속성의 값이 내부의 크기만을 지정하도록 합니다. 이 값은 기본값입니다.

반면 border-box로 지정하면 div의 크기에 margin, border, padding까지 모두 합산하여 width와 height 값이 적용되도록 합니다.

(4) box-shadow

박스에 그림자 효과를 주는 속성이며 아래와 같이 속성을 지정합니다.
text-shadow: 5px 3px 10px black;
첫번째 값은 오른쪽에 퍼질 그림자의 크기를 두번째는 아래쪽에 퍼질 그림자의 크기를 의미합니다. 세번째는 그림자의 선명도를 나타내며 마지막 네번째는 그림자의 색상입니다.

만일 여러 색상의 그림자를 동시에 구현하고자 한다면 위의 속성지정을 ,(콤마)를 사용해 원하는 만큼 여러번 작성하면 됩니다.
text-shadow: 5px 5px 10px black, 5px 5px 10px red;
(5) border

이 외에도 border로 시작하는 테두리 관련 CSS속성을 사용할 수도 있습니다. 이 속성은 아래 페이지에서

2013/03/28 - [Programming/HTML/CSS] - [HTML / HTML5 / CSS] table, caption, colgroup, thead, tr, th, td

[4. table, caption, tr, th, td CSS 속성] 부분의 6번을 참고해 주시기 바랍니다.

'Programming > HTML CSS' 카테고리의 다른 글

[CSS3] opacity  (0) 2013.05.15
[CSS3] 선택자 - 링크 선택  (0) 2013.05.14
[HTML / HTML5] div  (0) 2013.05.13
[CSS3] 선택자 - 문자 선택  (0) 2013.05.09
[HTML / HTML5] fieldset, legend  (0) 2013.05.07
[CSS3] 선택자 - 동위 선택  (0) 2013.05.06
0 0
Programming/C C++
1. 수학함수 일반

아래 함수사용시 math.h Header File선언이 필요합니다.

 함수  사용  설명
 sin()  sin(d);  sin값을 double형으로 반환합니다.
 cos()  cos(d);  cosin값을 double형으로 반환합니다.
 tan()  tan(d);  tangent값을 double형으로 반환합니다.
 exp()  exp(d);  ex값을 double형으로 반환합니다.
 expl()  expl(d);  ex값을 long double형으로 반환합니다.
 log()  log(d);  자연log(밑이e)값을 double형으로 반환합니다.
 log10()  log10(d);  상용log값을 double형으로 반환합니다.
 frexp()  frexp(d, *i);  d에서 mantissa(가수부)와 exponent(지부수)로 나누고 mantissa를 double형으로 반환합니다.
 ldexp()  ldexp(d, i)  d*2i 형식으로 계산을 수행합니다.

각 함수에서 d는 double형 인수를 의미하며 *i는 int형 Pointer, i는 int형 인수를 의미합니다.

#include <stdio.h>
#include <math.h>

main()
{
  double d1, d2;
  int i;
 
  printf("%f\n", sin(45*3.14/180));
  printf("%f\n", exp(-4));
  printf("%f\n", log(4));
 
  d1 = 5.0;
  d2 = frexp(d1, &i);
 
  printf("%f\n", d1);
  printf("%f\n", d2);
  printf("%d\n", i);
 
  printf("%f\n", ldexp(10,5));
}


sin(), cos(), tan()함수에서 인수는 각도가 아닌 Radian(호도)값입니다. 따라서 각도를 인수로 할 경우 d*3.14/180형식을 갖추어 Radian으로 변환하여야 합니다.


2. 절대값

아래 함수사용을 위해서는 stdlib.h(abs, labs)와 math.h(fabs) Header File선언이 필요합니다.

 함수  사용  설명
 abs()  abs(i);  int형 data의 절대값을 반환합니다.
 labs()  labs(l);  long형 data의 절대값을 반환합니다.
 fabs()  fabs(d);  double형 data의 절대값을 반환합니다.

각 함수의 인수에서 i는 int형, l은 long형, d는 double형 인수를 의미합니다.

#include <stdio.h>
#include <stdlib.h>
#include <math.h>

main()
{
  printf("%d\n", abs(-123));
  printf("%ld\n", labs(-123456789));
  printf("%f\n", fabs(-12.23));
}



3. 나머지

아래 함수 사용을 위해서는 stdlib.h(div(), ldiv())와 math.h(fmod()) Header File선언이 필요합니다.

 함수  사용  설명
 div()  div(ni, di);  분자(ni)와 분모(di)사이에 몫과 나머지값을 반환합니다.(int형)
 ldiv()  ldiv(nl, dl);  분자(nd)와 분모(dd)사이에 몫과 나머지값을 반환합니다.(long int형)
 fmod()  fmod(nd, dd);  double형 data의 나머지값을 반환합니다.

각 함수의 인수에서 ni, di는 int형, nl, dl은 long int형, nd, dd는 double형 인수를 의미합니다.

#include <stdio.h>
#include <stdlib.h>
#include <math.h>

main()
{
  div_t i;
 
  i = div(15, 4);
 
  printf("몫 %d\n", i.quot);
  printf("나머지 %d\n", i.rem);
 
  printf("%f\n", fmod(12.45, 2.38));
}


div()함수와 ldiv()함수는 몫과 나머지값을 동시에 반환하기 때문에 단일 형식의 변수로는 이 함수의 반환값을 받아올 수 없습니다.  따라서 div()함수인 경우 div_t로 ldiv()함수인 경우 ldiv_t로 변수를 선언하고 값을 받아와야 합니다.

이때 값을 받은 변수는 quot에는 몫을 rem에는 나머지값을 저장하도록 합니다.


4. 제곱근 처리

아래 함수 사용을 위해서는 math.h Header File선언이 필요합니다.

 함수  사용  설명
 pow()  pow(d1, d2);  d1의 d2승값을 double형태로 반환합니다.
 sqrt()  sqrt(d1);  d1의 제곱근값을 double형태로 반환합니다.

각 함수의 인수에서 d1, d2는 double형 인수를 의미합니다.

#include <stdio.h>
#include <math.h>

main()
{
  printf("%f\n", pow(5.5, 2.0));
  printf("%f\n", sqrt(12.34));
}



5. 소수점 처리

아래 함수 사용을 위해서는 math.h Header File선언이 필요합니다.

 함수  사용  설명
 ceil()  ceil(d);  double형의 d값에서 소수점 이하를 반올림한 값을 반환합니다.
 floor()  floor(d);  double형의 d값에서 소수점이하를 버린값을 반환합니다.
 modf()  modf(d, *d);  double형의 d값을 정수와 소수로 분리합니다.

각 함수의 인수에서 d는 double형, *d는 double형 Pointer인수를 의미합니다.

#include <stdio.h>
#include <math.h>

main()
{
  double d;
 
  printf("%f\n", ceil(12.34));
  printf("%f\n", floor(12.34));
 
  printf("소수부 : %f\n", modf(12.34, &d));
  printf("정수부 : %f\n", d);
}


modf()함수에서 소수부분은 직접반환하고 정수부분은 Pointer변수에 저장합니다.

0 0
1
블로그 이미지

클리엘