HTML&javaSkcript&CSS&jQuery&ajax-Css

最後更新：2018-03-04 來源：互聯網

上載者：User

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

標籤：style 樣式設定實體 jquery htm extern ext cas tran

CSS

1 、eg

<head>

<style>

body{

background-color:#d0e4fe;}

h1{

color:orange;

text-alin：center;}
p{

font-family:"Times New Roman";

font-size:2opx;}

</style></head>

<body>

<h1>CSS執行個體</h1>

<p>這是一個段落</p>

</body>

2、採用CSS 修飾

<head><style>p{ color:red; text-align:center}</style></head>

<body> <p>HELLO World</p></body

3 、ID選取器和class選取器

HTML中元素以ID屬性來設定選取器，CSS中ID選取器一# 來定義

<style>

#paral{

text-align:center;

color:red;

}

</style>

<body><p id="paral">Hello world</p></body>

4、 class 選取器用於描述一組勻速的樣式，class選取器有別於ID選取器，class可以在多個元素中使用，class 選取器在HTNL中以class屬性工作表示，類別選取器中以一個點號 . 表示

<style>

.center

{

text-align:center

}</style>

5、CSS樣式分成三種分別是外部樣式External Style sheet，內部樣式 internal style sheet，內聯樣式inline style當樣式用於多個頁面時，外部樣式最理想的選取器，在使外部樣式的時候使用一個檔案夾改變整個網站的外觀，每個頁面使用<link>標籤連結到樣式表。 <link>標籤在文檔頭部

6、背景設定的CSS

CSS背景屬性的定義 background-color background-image background-repeat background-attachment bancground-position

在body 選取器中設定顏色 body{ background-color: #b0c4de;} background-image 屬性對背景映像進行平鋪顯示，覆蓋整個元素實體<body>{ background-image:url(‘page.gif‘;)}

7、背景映像水平或者垂直平鋪

水平方向平鋪 body{

background-image;url(‘image.gif‘);

background-repeat:repeat-x;} 如果不設定平鋪 no-repeat即可

設定具體位置 body{

background-repeat:no-repeat;

background-position:right top

}

8、簡寫方法 body{

background: #3ef322 url(‘image.png‘) no-repeat right top; margin-right:200px}

9、CSS文字格式設定

內聯樣式的字型樣式設定

<style>

body{

color:red;}

h1{color:#00ff00ff;}

p.ex{color:rgb(244;33;33);}</style>

<body><h1>biaoti </h1> <p>MKNf</p> <p class="ex">mklmm</p></body>

10、文本的修飾

text-decoration 屬性來設定或者刪除文本的裝飾刪除連結的底線

11、文本轉換

p.lowercase{text-transform: lowercase;}

p.capitalize{ text-transform:capitalize;}

</style>

</body>

12、文本縮排

<body> my younger and more vulnerable years my father gave </body>

HTML&javaSkcript&CSS&jQuery&ajax-Css

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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