«html-lists» 태그된 질문

정렬 된 목록과 정렬되지 않은 목록과 HTML의 목록 항목 및 여기에 적용된 모든 목록 스타일에 사용됩니다.


8
내 <nav> 안에 <ul>과 <li>를 사용해야합니까?
제목은 그것을 거의 설명합니다. 이제 전용 &lt;nav&gt;태그 가 생겼으니 이것은 : &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#foo"&gt;foo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#bar"&gt;bar&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#baz"&gt;baz&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; 다음보다 나은 것이 있습니까? &lt;nav&gt; &lt;a href="#foo"&gt;foo&lt;/a&gt; &lt;a href="#bar"&gt;bar&lt;/a&gt; &lt;a href="#baz"&gt;baz&lt;/a&gt; &lt;/nav&gt; 내 말은, CSS 포지셔닝 / 패딩을 위해 추가 DOM 레벨이 필요하지 않다고 가정 할 때 선호하는 방법은 …
114 html  html-lists  nav 

9
정렬 된 목록의 시작 번호를 지정할 수 있습니까?
초기 번호가 6이되도록 정렬 된 목록이 있습니다. HTML 4.01에서 지원 (현재 사용되지 않음) 된 것으로 나타났습니다 . 이 사양에서는 CSS를 사용하여 시작 정수를 지정할 수 있다고 말합니다. ( start속성 대신 ) CSS로 시작 번호를 어떻게 지정 하시겠습니까?
114 html  css  html-lists 

11
CSS의 목록 항목에 대한 글 머리 기호로 유니 코드 문자
예를 들어, 목록 항목의 글 머리 기호로 star-symbol (★)을 사용해야합니다. CSS3 모듈 : Lists를 읽었으며 사용자 지정 텍스트를 글 머리 기호로 사용하는 방법을 설명했지만 저에게는 작동하지 않습니다. 제 생각에는 브라우저는 단순히 ::marker의사 요소를 지원하지 않습니다 . 이미지를 사용하지 않고 어떻게 할 수 있습니까?
114 html  css  html-lists 


7
<ul>을 가로 행에 표시하는 방법
CSS를 사용하여 내 목록 항목을 행에 가로로 표시하려면 어떻게해야합니까? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } &lt;div id="div_top_hypers"&gt; &lt;ul id="ul_top_hypers"&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Inbox&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Compose&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Reports&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; Preferences&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&amp;#8227; &lt;a href="" class="a_top_hypers"&gt; logout&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; …
106 html  css  html-lists 

3
파이썬에서 "역전 된"목록을 만드는 가장 좋은 방법은 무엇입니까?
Python에서 항목이 다른 목록의 항목과 동일하지만 순서가 반대 인 새 목록을 만드는 가장 좋은 방법은 무엇입니까? (기존 목록을 수정하고 싶지 않습니다.) 다음은 나에게 발생한 한 가지 해결책입니다. new_list = list(reversed(old_list)) 복제 old_list한 다음 제자리에서 복제 를 되돌릴 수도 있습니다 . new_list = list(old_list) # or `new_list = old_list[:]` new_list.reverse() 내가 …

7
기본 목록 스타일 (CSS)이란 무엇입니까?
내 웹 사이트에서 reset.css를 사용합니다. 목록 스타일에 정확히 다음을 추가합니다. ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, …
91 html  css  html-lists 

2
주문 목록 번호의 스타일을 지정할 수 있습니까?
순서가 지정된 목록의 번호에 스타일을 지정하려고합니다. 배경색, 테두리 반경 및 색상을 추가하여 작업중인 디자인과 일치하도록하고 싶습니다. 나는 그것이 불가능하다고 생각하고 각 숫자에 대해 다른 이미지를 사용해야 할 것입니다. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... 더 간단한 해결책이 있습니까?
89 html  css  html-lists  sprite 

16
<ul> <li>를 div에 중앙에 배치하려면 어떻게해야합니까?
정렬되지 않은 목록을 &lt;li&gt;고정 너비로 중앙에 배치하려면 어떻게 div해야합니까? &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en suisse …
88 css  html  html-lists 

7
HTML 순서 목록 1.1, 1.2 (중첩 된 카운터 및 범위)가 작동하지 않음
중첩 된 카운터와 범위를 사용하여 정렬 된 목록을 만듭니다. ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } &lt;ol&gt; &lt;li&gt;one&lt;/li&gt; &lt;li&gt;two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;two.one&lt;/li&gt; &lt;li&gt;two.two&lt;/li&gt; &lt;li&gt;two.three&lt;/li&gt; &lt;/ol&gt; &lt;li&gt;three&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.one&lt;/li&gt; &lt;li&gt;three.two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.two.one&lt;/li&gt; &lt;li&gt;three.two.two&lt;/li&gt; &lt;/ol&gt; &lt;/ol&gt; &lt;li&gt;four&lt;/li&gt; &lt;/ol&gt; …
87 html  css  html-lists 


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.