> 웹 프론트엔드 > CSS 튜토리얼 > li_Basic 튜토리얼의 간단한 적용

li_Basic 튜토리얼의 간단한 적용

WBOY
풀어 주다: 2016-05-16 12:08:35
원래의
2282명이 탐색했습니다.

작성자: eoe
CSS는 매일 작성하지만~~
근데 원본글을 가지고 왔는데~~무엇을 써야할지 모르겠네요~~

간단한 응용프로그램을 작성하겠습니다. 오늘은 LI~~앞으로는 느려질 겁니다 천천히 추가하세요

이것은 평범한 LI입니다
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li의 간단한 응용




  • 테스트 목록

  • 테스트 목록

  • 테스트 목록


  • 테스트 목록




팁: 먼저 코드의 일부를 수정한 다음

이와 같은 CSS 스타일 정의를 추가


할 수 있습니다. 인용:
*{margin:0 ;padding:0;} Habitual 모든 요소의 내부 및 외부 패치를 0으로 정의
0은 단위를 가질 수 없습니다~~ 이론적으로 단위는 필수입니다~ 그런데 0px 0pt 0em은 모두 0이므로~ 게을러요~~

#test ul li에는 선택기
가 포함되어 있으며 test
margin:~파싱은 기본적으로 모든 브라우저에서 동일합니다~
우리가 필요한 이유 여기에 두 가지를 적는 방법은~
li에서는 border를 사용합니다. IE5.x는 다른 브라우저와 다르게 border를 파싱합니다.
margin/**/: 이 경우에는 IE5입니다. http://bbs.51js.com/viewthread.php?tid=50475&fpage=1





간단한 적용

목록 스타일 유형:없음;
글꼴:일반 일반 일반 ಌpx/2em helvetica,Arial, verdana 경계: 1px #004080 솔리드
배경: #fefefe url ('http://bbs.51js.com/images/smilies/icon1.gif') 반복 없음 왼쪽 중앙 padding-left:20px;
}





  • 테스트 목록

  • 테스트 목록

테스트 목록

테스트 목록
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿