
今天整理了幾個常見的并且很容易犯錯的CSS屬性供大家參考,略有不足,還請各位小伙伴補充補充!
1.anchor偽類
a:link {color:#FF0000;} /* 未訪問的鏈接 */
a:visited {color:#00FF00;} /* 已訪問的鏈接 */
a:hover {color:#FF00FF;} /* 滑鼠劃過鏈接 */
a:active {color:#0000FF;} /* 已選中的鏈接 */
其中要注意的是,a:hover 必須被置于 a:link 和 a:visited 之后,才是有效的, 在 CSS 定義中,a:active 必須被置于 a:hover 之后,才是有效的,
2. 隱藏元素
隱藏一個元素可以使用display: none和visibility: hidden,其中第一個可以隱藏元素,并且隱藏起來的元素不會占用任何空間,就是說,不僅元素看不見了,而且還不影響其他元素的布局,第二個就是隱藏起來了但是還是占據原來應有的空間,會影響整體布局,
3. 透明度
opacity屬性設定之后,下面的子代屬性都會有這個透明度,rgba的a通道設定的是當前元素的透明度
4. 修改input中placeholder的字體樣式
/* webkit內核瀏覽器 */
input::-webkit-input-placeholder{
color: green;
}
/* Firefox 18- */
input :-moz-placeholder{
color: greenyellow;
}
/* Firefox 19+ */
input ::-moz-placeholder{
color:red;
}
input:-ms-input-placeholder{
color: teal;
}
- 元素設定外邊距
行內元素可以設定左右margin,但是不能設定上下margin,想要調整高度的話可以設定line-hight,或者display: inline-block設定為行內塊級元素后調整上下邊距,塊級元素可以設定上下左右的margin,
6.強制文本段落不換行
p
{
white-space:nowrap;
}
文本不會換行,文本會在在同一行上繼續,直到遇到<br>標簽為止,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/229471.html
標籤:其他
上一篇:如何用HTML和css制作一個簡單的帶有滑動條的網頁電子相冊實體
下一篇:CSS特效七:Hover下拉選單
