728x90
반응형
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>transform</title>
            <meta charset="UTF-8">
            <style>
                /* transform : 요소의 형태나 위치를 변환시키기 위해 사용한다.*/
                div {
                    top: 50%;
                    left: 50%;
                    width: 300px;
                    height: 300px;
                    background-color: rgb(1, 252, 252);
                    transform: translate(-50%, -50%) rotate(45deg) scale(50%);
                    /* transform 함수
                    - 띄우기로 구분하여 여러 함수 사용 가능
                    translate(x, y) : x 축으로 a만큼, y축으로 b만큼, a나 b에 %값이 들어가면 각 값은 가로길이, 세로길이의 비율이 됨.
                    translateX(a) : x축으로 a만큼. a에 %값이 들어가면 각 값은 가로길이, 세로길이의 비율이 됨.
                    translateY(b) : y축으로 b만큼. b에 %값이 들어가면 각 값은 가로길이, 세로길이의 비율이 됨.
                    rotate(x) : a도 만틈 회전함. 반드시 deg단위 사용
                    scale(a) : a비율 만틈 확대/축소한다. 기본 값 1(100%)
                    */
                    position: absolute;
                }

            </style>
    </head>
    <body>
       <div></div>
       <div></div>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

for(반복문)  (0) 2022.12.25
transition(CSS속성 변환 시간제어)  (0) 2022.12.24
padding(외부 여백)  (0) 2022.12.24
position  (0) 2022.12.24
opacity(투명도 설정)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>padding</title>
            <meta charset="UTF-8">
            <style>
                span {
                    background-color: red;
                    padding: 15px;
                    /* padding : 외부 여백을 지정한다.*/
                    /* padding-top, matgin-right, padding-bottom 사용가능.*/
                }



            </style>
     
    </head>
    <body>
       <span>A</span><span>B</span><span>C</span><span>D</span>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

transition(CSS속성 변환 시간제어)  (0) 2022.12.24
transform(요소의 형태나 위치를 변환)  (1) 2022.12.24
position  (0) 2022.12.24
opacity(투명도 설정)  (0) 2022.12.24
margin(외부여백)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>포지셔닝</title>
            <meta charset="UTF-8">
            <style>
                body > div {
                    width: 200px;
                    height: 200px;
                    background-color: brown;
                    position: relative;
                    overflow: auto hidden;
                    /* overflow : x y */
                    /* overflow-x : a ; */
                    /* overflow-y : a ; */
                    /* auto : 안넘치면 아무것도 안함, 넘치면 스크롤*/
                    /* scroll : 안넘쳐도 스크롤바 보임*/
                    /* hidden : 넘치는 것은 안보이게 함*/
                    /* visible : 넘쳐도 그냥 보이게 함(기본 값)*/
                   
                }

                body > div > div:nth-child(1) {
                    /* top: 25px; */
                    width: 100px;
                    height: 100px;
                    background-color: darkorange;
                    position: relative;
                    /*
                    position 속성 값
                        - static : 원래 있어야 하는 위치에 있게 된다.(기본값)
                        - relative : position 속성 값이 static 이었을때의 위치를 기준으로 움직인다.
                        - absolute : position 속성 값이 static 이 아닌 가장 가까운 부모/선조를 기준으로 움직인다. (없다면 문서 자체)
                        - fixed : 부모/선조 관계 없이 문서를 기준으로 하며 스크롤[ 영향을 받지 않고 그 자리에 떠있음.
                        이떄 absolute 및 fixed 는 다른요소의 흐름과 배치에 영향을 미치지 않는다.
                    */
                    z-index: 1;
                    /* z-index : 화면에 표시될 순위. 기본값 0. 수치가 클수록 화면에 보이게 된다. 이 값이 같을 때에는 HTML상 보다 뒤에 명시된 요소가 우선 보이게 된다.*/
                }

                body > div > div:nth-child(2) {
                    top: 50px;
                    left: 200px;
                    width: 100px;
                    height: 100px;
                    background-color: green;
                    position: absolute;
                    z-index: 2;
                }
                body > div > div:nth-child(3) {
                    right: 25px;
                    bottom: 25px;
                    width: 100px;
                    height: 100px;
                    background-color: deeppink;
                    position: fixed;
                }
                span {
                    position: absolute;
                }
            </style>
    </head>
    <body>
        <div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        aaaaaaaaaaaaaaaaaaaaaaaa<span>123123</span>aaaaaaaaaaaaaaaaaaaaaaaaaaa
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

transform(요소의 형태나 위치를 변환)  (1) 2022.12.24
padding(외부 여백)  (0) 2022.12.24
opacity(투명도 설정)  (0) 2022.12.24
margin(외부여백)  (0) 2022.12.24
font(폰트 설정과 외부 폰트 적용)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>opacity</title>
            <meta charset="UTF-8">
            <style>
                div {
                    width: 200px;
                    height: 200px;
                    background-color: red;
                    color: black;
                    opacity: 50%;
                    /* opacity : 요소 자체의 투명도 설정 0~100% */
                    /* 단, 내용 전체도 같이 투명해짐으로 배경 투명 목적으로 상요하면 안됨.*/
                }
            </style>
     
    </head>
    <body>
      <div>글씨글씨글씨글씨글씨글씨</div>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

padding(외부 여백)  (0) 2022.12.24
position  (0) 2022.12.24
margin(외부여백)  (0) 2022.12.24
font(폰트 설정과 외부 폰트 적용)  (0) 2022.12.24
flex  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>margin</title>
            <meta charset="UTF-8">
            <style>
                span {
                    background-color: red;
                    margin: 15px;
                    /* margin : 외부 여백을 지정한다.*/
                    /* margin-top, matgin-right, margin-bottom 사요가능.*/
                }



            </style>
     
    </head>
    <body>
       <span>A</span><span>B</span><span>C</span><span>D</span>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

position  (0) 2022.12.24
opacity(투명도 설정)  (0) 2022.12.24
font(폰트 설정과 외부 폰트 적용)  (0) 2022.12.24
flex  (0) 2022.12.24
filter(이미지나 요소에 효과주기)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>font</title>
            <meta charset="UTF-8">
            <style>
                div:nth-child(1) {
                    font-family: 'Black Han Sans', sans-serif;  
                    /* font-family: 서체 지정, ...*/
                    font-weight: 400;
                    /* font-weight: 글씨 굵기 설정*/
                    /* font-size: 글씨 크기(pt, px 등)*/
                    font-size: 32px;
                }
                div:nth-child(2){
                    font-family: 'Nanum Brush Script', cursive;
                }
                div:nth-child(3){
                    font-family: 'Nanum Brush Script', cursive;
                }
            </style>
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
            <link href="https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap" rel="stylesheet">
           
    </head>
    <body>
        <div>대한민국은 민주공화국이다.</div>
        <div>대한민국으 주권은 국민에게 있고, 모든 권력은 국민으로부터 나온다.</div>
        <div>去る20日、韓国のコスピ(kospi)指数が下落した。</div>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

opacity(투명도 설정)  (0) 2022.12.24
margin(외부여백)  (0) 2022.12.24
flex  (0) 2022.12.24
filter(이미지나 요소에 효과주기)  (0) 2022.12.24
display(표시 설정)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>flex</title>
            <meta charset="UTF-8">
            <style>
                body > .flex-container {
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 250px;
                    /* height: 100%; */
                    background-color: rgb(238, 199, 27);
                    position: absolute;
                    /* transform: translateY(-50%); */
                   
                   
                    display: flex;
                    /* display : flex; > 해당 선택자에 의해 선택되는 요소가 가지는 자식요소의 정렬을 쉽게 할 수있음.*/
                    flex-direction: row;
                    /*flex-direction: 내부 자식 FLEX 방향
                        row : 가로방향으로
                        row-reverse : 가로 역방향으로
                        column : 세로방향으로
                        column-reverse : 세로 역방향으로
                    */

                    justify-content: center;
                    /* justify-content: flex-direction과 수평한 방향에 대한 정렬
                        flex-start : 시작점 정렬
                        center : 가운데
                        flex-end : 끝점 정렬
                    */
                    align-items: stretch;
                    /* align-items: flex-firection 과 수직한 방향에 대한 정렬
                        flex-start : 시작점 정렬
                        center : 가운데
                        flex-end : 끝점 정렬
                        stretch : 늘임
                    */
                   
                   
                }

                body > .flex-container > .s {
                    width: 100px;
                    /* height: 100px; */
                    background-color: rgb(0, 89, 255);
                }

                body > .flex-container > .r {
                    width: 50px;
                    /* height: 50px; */
                    /* background-color: rgb(0, 255, 149); */
                    border-radius: 50%;
                    flex-grow: 1;
                    flex-shrink: 1;
                }
                body > .flex-container > .d {
                    width: 150px;
                    /* height: 150px; */
                    background-color: rgb(140, 0, 255);
                   
                }

               



            </style>
    </head>
    <body>
        <div class="flex-container">
            <div class="s"></div>
            <div class="r"></div>
            <div class="d"></div>
        </div>
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

margin(외부여백)  (0) 2022.12.24
font(폰트 설정과 외부 폰트 적용)  (0) 2022.12.24
filter(이미지나 요소에 효과주기)  (0) 2022.12.24
display(표시 설정)  (0) 2022.12.24
cursor(커서모양)  (0) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>filter</title>
            <meta charset="UTF-8">
            <style>
                img {
                    width: 500px;
                    filter: brightness(200%);
                    /* filtet : 이미지나 요소에 효과주기
                        filter 함수 ( 띄우기로 여러개 사용 가능)
                        blur(a) : a길이 만큼 흐리게 함.
                        contrast(n) : a비율 만큼 대비를 조절 기본값 1(100%)
                        grayscale(n) : a비율 만틈 채도(역) 조절 기본값 0(0%)
                        brightness(n) : a비율 만틈 밝기 조절 기본값 1(100%)
                        invert(a) : a비율 만틈 반전 기본값 0(0%)
                        */
                }
            </style>
    </head>
    <body>
        <img src="data:image/jpeg;base64,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">
    </body>
</html>
728x90
반응형
저작자표시

'정보 > WEB' 카테고리의 다른 글

font(폰트 설정과 외부 폰트 적용)  (0) 2022.12.24
flex  (0) 2022.12.24
display(표시 설정)  (0) 2022.12.24
cursor(커서모양)  (0) 2022.12.24
color(색상)  (0) 2022.12.24

+ Recent posts

728x90
반응형
">

티스토리툴바