CSS关于样式表的学习笔记
1、Cascading Style Sheets,层叠样式表
定义页面如何显示，是一种计算机语言
2、css语法
选择符{属性：属性值；属性：属性值；}
后面为声明
3、css基本属性
（1）color字体颜色
（2）border边框
（3）width宽度
（4）height高度
（5）background-color背景颜色
元素选择符：div,p,a,span…
4、css链接方式
（1） 内部样式表：在head标签里嵌入style标签
（2）外部样式表：单独新建一个css文档，利用link标签链接（link加回车或tab键打出）
（3） 内联样式表：在标签中添加style属性
练习中的html文件代码和css文件代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 内部样式表 -->
<style>
div{
color:#f00;
width:400px;
height:300px;
background-color:#0f0;
/* 边框:边框宽度 边框样式 边框颜色 */
border:5px solid #000;
}
</style>
<link rel="stylesheet" href="css/style.css" />
<!-- rel表示文档类型，stylesheet表示和html形成链接关系的css.
herf表明html想要和哪一个css形成链接关系-->
</head>
<body>
<div>爱吃萝卜爱吃菜</div>
<p>蹦蹦跳跳真可爱</p>
<h3 style='color:#f0f;background-color:#000;width:600px;height:200px;'>小白兔，白又白</h3>
</body>
</html>
p{
color:#ccc;
width:500px;
height:400px;
background-color:#fcc;
border:5px solid #ff0;
}
网页呈现结果如下：
1131
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
