-
display:none用來隱藏不像展示的元素標簽
查看全部 -
inline-block：同時具備內聯元素、塊狀元素的特點
????1.和其他元素都在一行上
????2.元素的高度、寬度、行高以及頂和底部距都可設置
查看全部 -
display:inline將塊元素設置為內聯元素
內聯元素特點：
????????1.和其他元素都在一行上
????????2.元素的高度、寬度及頂部和底部邊距不可設置
????????3.元素的寬度就是它包含的文字或圖片的寬度，不可改變
查看全部 -
使用display:block 將內聯元素轉為塊狀元素，從而具備塊狀元素特點
塊元素特點：
????????????1.每個塊級元素都是從新的一行開始，并且其后的元素也另起一行。
????????????2.元素的高度、寬度、行高以及頂和底邊距都可設置
????????????3.元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度
查看全部 -
常見的塊元素：
? ? <div>、<p>、<h1>、...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
常見的內聯元素：
????<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內斂塊元素：
????<img>、<input>
查看全部 -
<p><span>文字</span></p>
如果p標簽和span標簽都設置了行高，那么以最低的行高為標準
查看全部 -
像素
像素指的是顯示器上的小點（小方塊）
em
em與px的換算，取決于font-size設置的像素大小。如果font-size：14px，那么1em = 14px。也可以設置為百分比 100% = 1em = 14px
查看全部 -
為塊元素中的文本、圖片設置位置樣式
text-align:center 文本居中
text-align：left 文本居左
text-align：right 文本居右
查看全部 -
letter-spacing：用來設置文字間隔或者字母間隔
word-spacing：用來設置英文單詞之間的間隔
查看全部 -
line-height：用來設置行的高度，簡稱行高。實際工作中用于設置上下行的間距
查看全部 -
1em的大小取決于font-size設置的大小
查看全部 -
text-indent：目的為文本段設置空格縮進
查看全部 -
text-decoration:設置添加到文本的修飾
none：默認值
underline：定義文文本下的一條線
overline：定義文本上的一條線
line-through：定義穿過文本下的一條線，一般用于商品折扣價
查看全部 -
font-style可以設置字體樣式
normal：正常字體，也是默認值
italic：斜體，適用于字體本身就有傾斜的樣式
oblique：無論字體本身是否有傾斜的樣式，強制設置為斜體
查看全部 -
注意：用戶能否看到你設置的字體樣式取決于用戶電腦是否安裝你設置的字體，沒有安裝的話，就會顯示游覽器默認的字體提交
查看全部
舉報