묻고답하기
이 CSS 용어들의 의미를 좀 가르쳐주세요.
2008.08.20 22:47
CSS파일에 아래와 같은 표현들이 많이 나오는데 검색을 해도 안나오네요.
아래 용어들의 의미를 알려주시면 감사하겠습니다.
gnb
lnb
ul
li
a
isSearch
on
z-index
아래 용어들의 의미를 알려주시면 감사하겠습니다.
gnb
lnb
ul
li
a
isSearch
on
z-index
댓글 6
-
백성찬
2008.08.20 23:12
-
블루파티
2008.08.20 23:39
아 그렇군요. 하나 하나 바꿔보면서 의미를 파헤치고 있습니다. 어떤 것은 수치를 확 바꾸어도 변화가 없어서 파악이 힘드네요. ^^ -
제로보드 css에 있는 것들을 나열하신거죠?
제로보드 기준으로 말씀드리면...
gnb: 상단 메뉴에 gnb라는 이름을 부여한겁니다. 그래서 제로보드 css에서 gnb부분을 수정하면 상단메뉴의 속성이 변경됩니다.
gnb라는 용어는 웹사이트에서 Global Navigation bar 라는 의미로 사용됩니다. 최상위 메뉴를 뜻하죠 그래서 제로보드에서도 해당 부분을 gnb라는 이름으로 설정한것 같습니다.
lnb 의 경우 제 생각에 Left Navigation bar 를 줄여서 쓴게 아닐까 합니다. 제로보드에서는 좌측 메뉴의 이름값으로 lnb라는 이름을 부여했구요. 이 부분을 수정하면 좌축메뉴의 속성이 변경됩니다.
ul il 의 경우는 이름값이 아니고 css에서 사용되는 코드입니다.
div il ul ol 등을 이용해서 css를 작성합니다.
a 이부분은 제로보드 css의 #gnb li a, #gnb li.on a 이런 부분을 보고 말씀하신것 같은데요..
#gnb li a 이 부분을 설명드리자면..
레이아웃에서 gnb로 이름을 정한 부분중 li 로 된 a부분(링크가 걸린)의 속성을 결정해줍니다.
isSearch는 검색부분에 isSearch라는 이름을 부여한겁니다.
on은 #gnb li.on a 을 말씀하시는것 같은데... gnb영역중 마우스를 올렸을때의 속성을 정해줍니다.
z-index의 경우는 레이어의 위아래를 뜻하는건데요...
예를 들어 두개의 레이어가 있다고 가정할때 겹쳤을때...레이어1, 레이어2 가 있다고 가정한다면
레이어1에는 z-index: 90을 주고 레이어2에는 z-index:100을 주다면...
레이어 2가 위에 보이고.. 그 뒤에 레이어 1이 보입니다.
제가 아는 정보를 적는다고 적었는데... 좀 두서가 없네요... 따로 공부한게 아니라... 다소 잘못된 내용이 있을수도 있습니다. -
블루파티
2008.08.21 01:49
정말 감사합니다. 저도 열심히 연구중입니다. 이렇게 공부하다가 나중에 정식으로 css 등의 강좌를 수강해야 할 것 같습니다. 어쨌든 다 되면 제가 주석단 파일 내용을 팁으로 올리겠습니다. 그리고, li는 리스트의 준말인 것 같고, 검색해 보니까 ol은 순서형 리스트, ul은 비순서형 리스트인 것 같습니다. 아마도 ordered list, unordered list 정도? 그리고 skyatc님이 써주신 on은 그렇다면 mouse on의 준말이겠군요. -
http://www.zeroboard.com/16699644
이 글 한번 읽어보세요... 도움이 될 것 같네요... -
블루파티
2008.08.21 03:14
가뭄속의 단비같은 글이군요. 감사합니다.
개별 분류명입니다.
블루파티와 같은 의미입니다.