html&css(6)

2021. 3. 30. 20:31카테고리 없음

     

    font-family      폰트스타일 설정

     

    font-style:italic;        이탤릭(italic) 기울이기

    font-weight:vold;      볼드or기본

    line-height:50px       행간 

     

     

    세로 중앙정렬을 하고싶을때는 높이와 (height) line-height 값을 동일하게 해준다.

    가로 중앙정렬 test-align:center;

     

     

     

    <div><a href="#">menu1</a></div>

    a태그에 하이퍼가 걸리면 밑줄 자동생성, 파랑색으로 기본설정 > 밑줄을 없애고 폰트색 변경을 위해 스타일에

    a { text-decoration:none; color:#컬러값}

     

     

     

     

     

     


     

     

     

     

    css(6)-font(3).html
    0.00MB

     

     

     

     

    nth-child(1) < 아이들이 너무 많으면 순서번호가 매우 햇갈린다......헬

     

     


     

    position속성 (포지션의 절대값 속성)

     

    position: absolute ;     절대값, 절대적인 위치

    top:숫자값;  left:숫자값;    위치설정(앱솔루트 사용시 top/left값으로 위치를 지정해줘야한다)

     

    #wrap (감싸기)

    #wrap, content   << wrap가 기준바탕이 된다

     

    -

     

    fixed (고정) 화면 스크롤을 움직여도 움직이지 않게 위치를 고정한다

    position:fixed;

    -

     

    static (???)

     

    -

     

    relative (바로 위의 개체 다음위치 부터 포지션값을 줌..?)

     

    position:relative;

    top:100px; left:100px;

     

    /

    wrap 안에있는 콘텐츠들의 위치값을 wrap부터 시작하게 하기위해서는

    wrap 속성안에 position:relative; 를 넣어줘야한다

     

     

    -

     

    z-index:10;

    z-index:20;

    숫자가 높을수록 겹쳐졌을때 위로 나타난다

     

     

    contain

    맨 위로