资源简介

(共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;
}
请查看你的最终结果

展开更多......

收起↑