채택완료

css에 대한 이해..

2015-03-18 (수) 23:34:31 3,284

.faq_cont .faq_lst li{position:relative;padding:10px 0 11px 18px;border-bottom:1px solid #d7d7d7;background:url(../img/ico_q.gif) no-repeat 18px 12px;*zoom:1}

이런태그가 무엇을 뜻하는지 모르겠습니다..

예를들어 img라는 폴더에있는 ico_q.gif 이 이미지를

사이트에 넣고자 하는데요 

.css 파일에서

저런식으로 넣어야 하더라구요 ㅠㅠ

그런데 저부분이 무엇을뜻하는지 도무지 모르겠어요 ㅠㅠ

보통 일반적인 이미지태그는 <img src= 이런건데..

저렇게 넣는건 이해가 안됩니다.ㅠㅠ

|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
2015-03-19 (목) 00:27:30

http://www.w3schools.com/cssref/css3_pr_background.asp 

.faq_lst li 쪽에 백그라운드 그러니가 뒷배경으로 저 이미지를 넣으라는거죠

img태그는 이미지 위에 텍스트를 못넣죠??(뭐 방법이 없는건 아니지만...)

답변에 대한 댓글 1개

답변 감사합니다.그런데 css는 일반 이미지를 <img 태그를 안쓰더라구여 ㅠㅠ
css용어로 이미지를 넣고자 할때는 어떻게 해주어야 할까요?ㅠㅠ

http://www.w3schools.com/css/

우측에 한국어 선택 하시고 찬찬히 보시기 바랍니다. 

http://www.w3schools.com/css/default.asp 

이곳을 참조해보세요~

css로 이미지를 넣으려면 위에서 언급하신

.claaName {background:url(../img/ico_q.gif) no-repeat 18px 12px;*zoom:1}​

이런형식으로 넣으면됩니다.​

그리고 저것을 적용할부분에는 class="className"을 넣으면되구요~

이미지만 띄우시는거면 php/html코드에서 <img src="">로 넣으시면되고

이미지위에 글자를 띄우거나 할때에는 css로 적용하시면 됩니다.

위에 링크해드린곳으로 가셔서 css기본개념을 보시면 금방 이해되실거에요~

2015-03-19 (목) 00:41:23

css용어로 이미지를 넣고자 할때는 이라고 하시는데.. 

 

각각의 용도가 있습니다.

단순 이미지 넣는거는 img 태그 쓰세요.

css 에서 이미지는 background 로 사용합니다.

위 질문에 나오는 테그처럼 no-repeat​ 은 반복되지 않는다는 명령이구요...

 

어떤 작업을 하시려는지 자세히 설명해주시면 더 좋은 방법을 제안해 드릴분들이 많을겁니다..

답변을 작성하려면 로그인이 필요합니다.