HTML+CSS--繼續學習

來源:互聯網
上載者:User

標籤:

為網頁中的文字設定字型為宋體。

body{font-family:"宋體";}

文字以斜體樣式在瀏覽器中顯示:

p a{font-style:italic;}

設定文字以粗體樣式顯示出來。

p span{font-weight:bold;}

文字設定為底線樣式:

p a{text-decoration:underline;}

在網頁上設定刪除線:

.oldPrice{text-decoration:line-through;}

段前兩個文字的空白,用下面代碼來實現:2em的意思就是文字的2倍大小。

p{text-indent:2em;}

英文單詞之間的間距呢?可以使用 word-spacing 來實現。如下代碼:

h1{    word-spacing:50px;}

設定文字間隔或者字母間隔就可以使用    letter-spacing 來實現,如下面代碼:

h1{    letter-spacing:50px;}

塊狀元素中的文本、圖片設定置中樣式:(置中:center;居右:right)

h1{    text-align:center;}

常用的塊狀元素有:

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的內嵌元素有:

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的內聯塊狀元素有:

<img>、<input>



HTML+CSS--繼續學習

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.