<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>
根據上表格,以及 W3C 給的資訊,img 是 inline elements
但卻可以執行寬高的設定,這看起來並不合理?
inline-block 的屬性:
inline 屬性: 根據物件的 content 來產生寬高。無法設定
block 屬性: 預設寬度為:100% (for 瀏覽器),可自行設定
而 inline-block 則同時具備上面兩種條件。
img // 圖片
input
button
select // 下拉式選單?
textarea // 留言輸入框
2022 網頁開發全攻略教程 / CSS篇章 - other
使目標元素透明度改變 opacity 可設定範圍: 0 ~ 1.0 // 0 為完全透明。 <h1>標題測試</h1> h1 { display: inline-block; background: red; }
Dec 10, 2022border-collapse: 假設我有個表格長這樣: <table> <tr> <th>標題一</th> <th>標題二</th> <th>標題三</th> </tr>
Dec 10, 2022在 CSS 製作時,可以被編輯的項目樣式: 以此 HTML ul 做範例: <ul> <li>2008:團團圓圓到台灣</li> <li>2013:圓仔出生</li> <li>還沒有其他熊貓</li> </ul>
Dec 10, 2022什麼是 default value 指 HTML Tag 本身具備的 CSS 效果: <h1>,本身的文字大小就比較大,font-size 就非常明顯。 <div>,本身具備 - display:block;等。 透過 box-model 瀏覽並且觀察 Tag 本身的 default styling
Dec 10, 2022or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up