Home 게시판 커뮤니티 Q&A 어떻게 링크된것들의 스타일을 바꾸나요?

8개 답변, 2 voices Last updated by Avatar of 082net082net 18 years, 1 month 전
  • 익명
    손님
    @
    #949

    뭔 문제가 있는지… hover 할때 색깔이 안바뀌네요…

    a.enlace {

       color: #777172;

       background-color: #D9F9E8;

       font-weight: normal;

       font: 1em Times New Roman, Batang;

       }

    a:hover.enlace, a: {

       text-decoration: underline;

       color: #777172;

       background-color: #D5D3FE;

       font-weight: normal;

       font: 1em Times New Roman, Batang;

       }

    a:visited.enlace {

       color: #777172;

       background-color: #D9F9E8;

       font-weight: normal;

       font: 1em Times New Roman, Batang;

       }

    어디에 문제가 있는걸까요?

    http://nzin.org

    익명
    손님
    @
    #950

    원래 기본셋팅말고
    a, a:hover, a:visited 를

    내용에만 있는걸 색깔을 바꾸고싶은데
    도대체 어떤걸 바꿔야하는지 잘모르겠네요…

    그냥
    a {
    background-color: #CCC
    color: #00000 }
    형식으로 하니까

    내용뿐만 아니라 전체다가 그렇게 바껴지네요…

    아참…
    h1하고 h2는 제목이라는걸 대충알겠는데…
    h3 은 뭐고… h4는 어떤걸 말하는건가요?

    감사합니다….

    익명
    손님
    @
    #954

    원래 기본셋팅말고
    a, a:hover, a:visited 를

    내용에만 있는걸 색깔을 바꾸고싶은데
    도대체 어떤걸 바꿔야하는지 잘모르겠네요…

    그냥
    a {
    background-color: #CCC
    color: #00000 }
    형식으로 하니까

    내용뿐만 아니라 전체다가 그렇게 바껴지네요…

    아참…
    h1하고 h2는 제목이라는걸 대충알겠는데…
    h3 은 뭐고… h4는 어떤걸 말하는건가요?

    감사합니다….

    Avatar of shadowogshadowog
    Participant
    @shadowog
    #951

    전부다 제목입니다.
    heading 의 약자라더군요.
    1이 제일 큰 크기 순서대로 작은 크기 입니다.

    그리고 링크는 a:hover {}
    같은식으로 설정하시면 됩니다.

    Avatar of shadowogshadowog
    Participant
    @shadowog
    #955

    전부다 제목입니다.
    heading 의 약자라더군요.
    1이 제일 큰 크기 순서대로 작은 크기 입니다.

    그리고 링크는 a:hover {}
    같은식으로 설정하시면 됩니다.

    Avatar of 082net082net
    Keymaster
    @082net
    #952

    먼저 css의 기초에대한 정보를 찾아서 알아두시는게 여러모로 좋습니다. 그게 아니라면 하나하나 대입해가며 적용해서 어떻게 변하는지를 확인할 수 밖에 없죠.

    간단하게 위 질문 내용에만 답변드리자면…

    템플릿파일들을 살펴보면

    <div class="aaa">내용들.... </div>
    <div id="bbb">내용들....</div>

    이런 형태를 많이 볼 수 있습니다.

    class가 ‘aaa’인 div의 스타일을 지정하려면
    .aaa { 스타일 }
    id가 ‘bbb’인 div의 스타일을 지정하려면

    질문하신대로 내용부분의 ‘a'(anchor)태그에만 따로 스타일을 지정하려면
    .aaa a { }, .aaa a:hover { }, .aaa a:visited { }
    이런식이 되겠죠

    Avatar of 082net
    Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
    Avatar of 082net082net
    Keymaster
    @082net
    #956

    먼저 css의 기초에대한 정보를 찾아서 알아두시는게 여러모로 좋습니다. 그게 아니라면 하나하나 대입해가며 적용해서 어떻게 변하는지를 확인할 수 밖에 없죠.

    간단하게 위 질문 내용에만 답변드리자면…

    템플릿파일들을 살펴보면

    <div class="aaa">내용들.... </div>
    <div id="bbb">내용들....</div>

    이런 형태를 많이 볼 수 있습니다.

    class가 ‘aaa’인 div의 스타일을 지정하려면
    .aaa { 스타일 }
    id가 ‘bbb’인 div의 스타일을 지정하려면

    질문하신대로 내용부분의 ‘a'(anchor)태그에만 따로 스타일을 지정하려면
    .aaa a { }, .aaa a:hover { }, .aaa a:visited { }
    이런식이 되겠죠

    Avatar of 082net
    Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
    Avatar of 082net082net
    Keymaster
    @082net
    #953

    규섭 Escribi

    Avatar of 082net
    Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
    Avatar of 082net082net
    Keymaster
    @082net
    #957

    규섭 Escribi

    Avatar of 082net
    Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
9 글 보임 - 1에서 9 까지 (총 9 중에서)
  • 답변은 로그인 후 가능합니다.