这章就开始学css啦，要把页面变漂亮啦！
第一个星巴克那个界面是直接在<head>里边有个<style>
<html>
<head>
<title>Starbuzz Coffee</title>
<style type="text/css">
body {
background-color:#d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serf;
}
</style>
</head>
<body>这是HTML,接下来要用CSS啦，就不用在html里面改变样式了，创建一个.css的文件，在.css里面设计样式。之后对样式方面的设计都在这个.css文件里面
.css文件
里面怎么写?
@font-face{
font-family:"Emblema One";
src:url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff"),
url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf");
}
body{
font-family:Verdana,Geneva,Arial,sans-serif;
font-size:small;
}
h1,h2{
color:#cc6600;
/*text-decoration:underline;*/
border-bottom:thin dotted #888888;
}
h1{
font-family:"Emblema One",sans-serif;
font-size:220%
}
h2{
font-size:130%
font-weight:normal;
}
blockquote{
font-style:italic;
}注意：
.css文件里面的p,h1,h2,blockquote......是类选择器，并不是元素，不用带<>
浏览器会根据选择器将.html文件中对应的部分改为设定的样式。
类、继承与覆盖继承
像上边，以h2举例，这样html里所有<h2>内容都变成了这样，那么想要其中一个<h2>的样式不是这样怎么办呢？创建类选择器！在html元素里面增加类
<h2 class="july">July 14,2012</h2>然后在.css文件中就可以这样了
h2.july {
color : red;
}上边举例的.css文件怎么写的例子中有一个是h1,h2 ，用逗号隔开了，什么意思呢，就是<h1>和<h2>都是这种样式
那下边又是h1，怎么回事？
这是<h1>在拥有上边的样式，还可以单独拥有其他，比如字体大小啊，颜色什么的。
那么如果有重复的怎么办呢，就像上边已经给他红色了，下边又说它是绿色，怎么办呢？
一、按具体的那个来
二、如果两个选择器有相同的特定性而无法解决冲突，就要利用样式表文件中规则的顺序来解决问题，按最后出现的那个
上边字体讲解见 第八章博客
.html文件中怎么使用.css文件呢？插入链接！
下面这个是相对路径的例子：
<head>
<meta charset="utf-8">
<title>My Trip Around the USA on a Segway</title>
<link type="text/css" rel="stylesheet" href="journal.css">
</head>type="text/css"是说这是一个样式表，不过在html5中已经不用写这个了
rel="stylesheet" 是说html与所链接的文件的关系，因为现在要链接的是一个样式表，所以写stylesheet
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
