耽误了很多时间，一直不能确定方向。从今天起，开始从前端学吧。毕竟立刻有成果的东西，还是好学一些。大道理讲了很多，都不如立刻开始做。
So，开干！
HTML写结构，元素组成：开始标记，内容，结束标记。
CSS写样式
<!--样例-starbuzz咖啡-->
<html>
<head>
<title>Starbuzz Coffee</title>
<style type="text/css">
body{
background-color: #CDC1C5;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted gray;
padding: 50px 50px 50px 50px;
font-family: sans-serif;
}
</style>
</head>
<body>
<h1>Starbuzz Coffee beverages</h1>
<h2>House Blend, $1.49</h2>
<p id="houseblend">A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.</p>
<h2>Mocha cafe Latte, $2.35</h2>
<p>Espresso, steamed milk and chocolate syrup.</p>
<h2>Cappuccino, $1.89</h2>
<p>A mixture of espresso, steamed milk and foam.<>/p
<h2>Chai Tea, $1.85</h2>
<p>A spicy drink made with black tea, spices, milk and honey.</p>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!--HTML 的基本框架与书写规范-->
<html> <!--浏览器识别-->
<head> <!--页面开始-->
<title> </title>
<style type="text/css"> <!--CSS样式，也能脱离style？-->
body{ <!--body表示样式用于body，页面主体-->
background-color: ;<!--背景色-->
margin-left: ;<!--左余量，边框与浏览器的距离-->
margin-right: ;<!--右余量-->
border: ;<!--边框-->
padding: ;<!内边距，文本与边框的距离，数量：4，顺序：上下右左-->
font-family: ;<!--字体-->
}
</style>
</head>
<body> <!--页面主体开始-->
<h1> </h1>
<p> </p>
<h2> </h2>
<p> </p>
</body>
</html>
时间： 2024-11-04 11:10:59