資源簡介

(共16張PPT)
/>
網頁的
數據呈現

Mozilla is cool

At Mozilla, we’re a global community of

Read the Mozilla Manifesto
to learn even more about the values and principles that guide the pursuit of our mission.

Step 1
怎樣將文本設置為紅色
Step 2
怎樣將內容顯示在屏幕的特定位置
Step 3
怎樣用背景圖片或顏色來裝飾網頁
什么是
CSS
和 HTML 類似，CSS 也不是真正的編程語言，甚至不是標記語言。
CSS 是一門樣式表語言（Cascading Style Sheets），這也就是說人們可以用它來選擇性地為 HTML 元素添加樣式
可以用于可控制網頁布局與樣式，用于定義HTML文檔中元素的外觀和表現形式。比如網頁中的文字的字號、字體、顏色、位置以及圖片的大小等。
p {
color: red;
}

添加在標簽之前
p {
color: red;
}
選擇器
屬性
屬性的值
聲明
p {
color: red;
width: 500px;
border: 1px solid black;
}
{設置盒子的尺寸}
{設置盒子的顏色}
{構思盒子擺放的位置}
{盒子應該收納哪些內容}
{……}
html {
background-color: #00539f;
}
body {
width: 600px;
margin: 0 auto;
background-color: #ff9500;
padding: 0 20px 20px 20px;
border: 5px solid black;
}
h1 {
margin: 0;
padding: 20px 0;
color: #00539f;
text-shadow: 3px 3px 1px black;
}
img {
display: block;
margin: 0 auto;
}
請查看你的最終結果

展開更多......

收起↑