首頁 > 開發者 > 網站開發

html+css小知識點

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style   os   io   使用   ar   for   2014   div   cti   

 

2014年9月9日22:52:37p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;} //轉大寫，轉小寫，轉首字母大寫 p {text-indent:2em;} //首行縮排兩個字元 h1 {letter-spacing:2px;} //制定字元之間的距離 p.small {line-height:70%;}  //設定行距 div.ex1 {direction:rtl;} //設定文字方向 p{ word-spacing:30px;}  //單詞之間空格 h1 {text-shadow:2px 2px #FF0000;}//設定文字陰影  p{white-space:nowrap;} //對空白的處理
值 描述
normal 預設。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標籤。
nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合并空白符序列，但是保留分行符號。
inherit 規定應該從父元素繼承 white-space 屬性的值。
 border-collapse:collapse;  //表格邊框摺疊成單一的邊框 caption {caption-side:bottom;} //表格標題位置，標題需要寫成“<caption>Table 1.1 Customers</caption>”，作為table子項目 border:1px solid red;//邊框
outline:green dotted thick;//輪廓線 margin外邊框   padding內邊框  content內容  visibility:hidden可以讓您隱藏某個元素，但它仍然需要像以前一樣的空間。該元素將被隱藏，但仍然會影響布局。 display:沒有隱藏的元素，它不會佔用任何空間。 

position:fixed; //元素的位置相對於瀏覽器視窗是固定位置.即使視窗是滾動的它也不會移動：

position:absolute; //絕對位置的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於<html> span { float:left; width:0.7em; font-size:400%; } <p><span>T</span>his is some text.</p>  //配合使用使首字母浮動在左側                               

html+css小知識點

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More