Câu hỏi được gắn thẻ «css»

Hãy nói rằng tôi có HTML này: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> và CSS này: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Kết quả có thể xem tại đây: …

202 html  css 

Là gì đúng cách để làm nghiêng văn bản? Tôi đã thấy bốn cách tiếp cận sau: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Đây là "cách cũ". <i>không có ý nghĩa ngữ nghĩa và chỉ chuyển tải hiệu ứng trình bày của việc làm cho …

202 html  css  semantic-markup 

Có cách nào để vô hiệu hóa sụp đổ biên hoàn toàn không? Các giải pháp duy nhất tôi đã tìm thấy (theo tên "unollapsing") đòi hỏi phải sử dụng đường viền 1px hoặc đệm 1px. Tôi thấy điều này không thể chấp nhận được: pixel ngoại lai làm phức …

202 css  margin  collapse 

Tôi muốn làm mờ dần một phần tử (chuyển độ mờ của nó thành 0) và sau đó khi hoàn thành loại bỏ phần tử khỏi DOM. Trong jQuery, điều này rất đơn giản vì bạn có thể chỉ định "Xóa" sẽ xảy ra sau khi hoạt ảnh hoàn thành. …

202 javascript  jquery  css 

Trên Firefox 28, tôi đang sử dụng <input type="number">các công trình tuyệt vời vì nó hiển thị bàn phím số trên các trường nhập chỉ chứa số. Trong Firefox 29, sử dụng đầu vào số hiển thị các nút xoay ở bên phải của trường, trông giống như crap trong …

202 jquery  css  firefox  input  spinner 

Đây là HTML của tôi: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Tôi muốn đặt tên của sản phẩm (ví dụ 'Product1', 'Product2', v.v.) và các danh mục của nó (viz. Điện tử, Thể thao, v.v.) được in nghiêng, chỉ sử dụng CSS. Tôi đã …

202 html  css  drop-down-menu 

Tôi chắc chắn có một giải pháp đơn giản cho vấn đề này. Về cơ bản, nếu tôi có hai cột, làm thế nào tôi có thể thêm khoảng trắng giữa chúng? ví dụ: nếu html là: <div class="col-md-6"></div> <div class="col-md-6"></div> Đầu ra chỉ đơn giản là hai cột ngay …

202 html  css  twitter-bootstrap-3  grid-layout 

Làm thế nào để thay đổi con trỏ trỏ đến tay khi con chuột của tôi đi qua một <tr>trong một<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Danh sách được sắp xếp có thể tạo ra kết quả giống như 1.1, 1.2, 1.3 (thay vì chỉ 1, 2, 3, ...) bằng CSS không? Cho đến nay, việc sử dụng list-style-type:decimalchỉ tạo ra 1, 2, 3 chứ không phải 1.1, 1.2., 1.3.

201 html  css 

Tôi đã cố gắng tạo kiểu cho một fieldsetyếu tố với display: flexvà display: inline-flex. Tuy nhiên, nó không hoạt động: flexcư xử như thế block, và inline-flexcư xử như thế nào inline-block. Điều này xảy ra cả trên Firefox và Chrome, nhưng kỳ lạ là nó hoạt động trên …

201 html  css  flexbox 

Tôi có một container div và đã xác định phong cách của nó như sau: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Điều này tự động cung cấp cho tôi cả thanh cuộn ngang và dọc khi tôi điền vào bảng được chứa bởi div này. Tôi chỉ muốn …

200 css  html 

Nếu tôi có một thẻ tiêu đề <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } và sau đó tôi có một đoạn <p>stuff here</p>. Làm cách nào tôi có thể đảm bảo sử dụng CSS mà mọi <p>thẻ theo sau h1.hc-reformđể sử dụng:clear:both; đó sẽ là: h1.hc-reform > …

200 html  css  css-selectors  siblings 

Tôi có đoạn mã sau: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Có thể thay đổi màu tô của đường dẫn SVG bằng CSS hoặc một số phương tiện khác mà không thực sự …

200 css  svg 

Tôi có một div Wrapper bao gồm 2 div nằm cạnh nhau. Trên container này tôi có một div chứa tiêu đề của tôi. Div của trình bao bọc phải là 100% trừ đi chiều cao của tiêu đề. Tiêu đề là khoảng 60 px. Điều này là cố định. …

199 css  height 

Tôi biết tôi có thể đặt giá trị CSS thông qua JavaScript, chẳng hạn như: document.getElementById('image_1').style.top = '100px'; Nhưng, tôi có thể nhận được một giá trị kiểu cụ thể hiện tại không? Tôi đã đọc nơi tôi có thể lấy toàn bộ kiểu cho phần tử, nhưng tôi không …

199 javascript  css