自定义CSS的三中方方式：
一、行间样式表
行间样式表是指将CSS样式编码写在HTML标签中，格式如下
<h1 style="font-size:12pxcolor:#000FFF">我的CSS样式。
</h1>
行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
二、内部样式表
内部样式表与行间样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式如下
<html><head>
<title>内部样式表</title>
<style type="text/css">
h1{font-size:12px
color:#000FFF
}
</style>
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。
三、外部样式表
外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下
<html><head>
<title>外部样式表</title>
<link rel="stylesheet" rev="stylesheet" href="style.css">
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
在style.css中的代码为
h1{font-size:12pxcolor:#000FFF
}
我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。
这是两个按钮或者div，左边的设置左边框圆角，右边的那个设置右边框圆角。具体的参数，你可以参考一下这个教程：border-radius:2em
等价于：
border-top-left-radius:2em
border-top-right-radius:2em
border-bottom-right-radius:2em
border-bottom-left-radius:2em
你也可以根据你的需要设置自己需要的边框。比如只设置左上角圆角。自己尝试一下吧。
http://www.w3school.com.cn/cssref/pr_border-radius.asp
以border为分界，盒子模型把区域分成盒子内部和盒子外部。margin就是指盒子与外部其他元素的距离，padding就是指盒子的四个边与其内部的元素的距离，
也就是外边距跟内边距。
你应该懂的。
