해킹해피
199
2019-01-11 13:02:18
4
645

jsp에서 class의 정확한 의미좀 알려주세요..


부트스트랩을 사용하여 jsp를 수정 하는 중에 몇가지가 헷갈려서 질문 드립니다.


 main.jsp 코드의 일부인데요 여기서 마지막 줄에 있는 

<div class="section-title mb60 text-center">

코드를 보면 3가지의 클래스를 사용한 것 까지는 이해가 됩니다. 

section-title 

mb60

text-center 



퀵서치로 mb60을 검색해 보면 mb60이 style.css에 정의 되어 있는 것을 확인 할 수 있는데요

이건 부트스트랩을 만든 사람이 mb60클래스가 어떠한 css효과를 지니고 있다 라고 정의 한것으로

알고 있습니다.


문제는 그 다음부터 입니다..


section-tilte을 검색했을 때 이 클래스가 정의된 부분이 나타나지 않고 어디서 사용되고 있는지만 나타납니다..


앞의 section을 뺀 tilte만 검색했을 때는 tilte이 나오나 section을 검색하면 section-spcae80, section-space60등에 css정의된 폴더가 나타납니다.



요약하여 설명 드리자면 

1. 클래스의 mb60은 부트스트랩을 만든 사람이 어딘가에 해당 부분을 정의된 부분이 있다

2. section-title와 text-center 검색이 안되는데 이게 왜 안되는지 모르겠습니다.

3. text-center의 경우 정의 되어있지 있는것인지 모르겠어서 text-left로 임의로 했더니 잘 적용이 되네요..

4.section-title와 text-center의 경우 css내부 객체? 클래스? 라서 부트스트랩에서 정의를 하지 않아도 적용이 되는건가요?  (ex : font-size : 10px;  ,  text-color:red 와 같은 css꺼 인지..)


이것 때문에 클래스가 적혀 있는데 이게 무슨 기능을 하는지 자세히 알지 못하겠습니다..

0
0
  • 답변 4

  • 플래니타
    429
    2019-01-11 13:22:22

    해당 엘리먼트를 어떻게 사용할지 정하는 용도로 사용됩니다.

    예를 들어 한개의 레코드가 출력되면서 루프를 돌면서 각 엘리먼트에 사용자 이름을 출력할때 아래와 같이 스크립트를 사용할 수 있습니다.

    $(this).find('.user-name').html(...);



    0
  • 해킹해피
    199
    2019-01-11 13:26:50

    플래니타 

    답변 감사드립니다!


    제가 class="abc"를 만들고 abc에 대한기능을

    .abc{text-color:red, font-size:30px;}

    이렇게 정의하면  엘리먼트 abc를 쓰면 빨간색 30폰트 글자를 쓸 수 있는데


    class="text-center"을 쓰면 

    text-center는 정의된 부분이 없는데도 정상적으로 글들이 가운데 정렬이되고

    text-left는 왼쪽 정렬이 됩니다..


    이건 css의 기능인건지 여쭙고 싶습니다..



    0
  • 플래니타
    429
    2019-01-11 13:30:53

    class="text-center" 써서 정렬이 바뀐다면 해당 부분이 정의된 부분이 있습니다. 없으면 그렇게 될 수가 없죠.

    크롬 기준으로 개발자 도구 실행시켜서 Style 쪽으 Computed 보면 어떻게(상속?, 우선순위, 정의된 파일위치등) 적용되는지 확인할 수 있습니다.

    0
  • 해킹해피
    199
    2019-01-11 13:49:46

    플래니타

    감사합니다!!!

    찾았습니다 !!!



    근데 왜 퀵서치에서는 .text-left가 안찾아지는지 모르겠네요..

    앞으로 안나오는것은 콘솔창에서 찾아봐야겠네요ㅎㅎ


    정말 감사합니다!!

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.