css

构建网页标题

header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个article元素或section元素中。
在heater元素内可以使用一个nav元素
nav元素是一个可以作为页面导航的链接组，其中导航元素链接到其他页面，或者当前页面的其他部分，这里讲整个网站的导航链接放在该nav元素中。
示例：

<header id="bloghead">
	<div id="blogTitle">
		<h1 id="blogname">床前明月光</h1>
		<div id="bloglink">http://www.baidu.com</div>
	<div>
	<nav id="blognav">
		<u1 id="blognavlnfo">
			<li><a href="http://www.baidu.com"id="on">百度</a></li>
			<li><a href="http://www.guge.com">谷歌</a></li>
		</ul>
	</nav>
</header> 

边框
1、边框倒角
属性：border-radius
该属性为简写属性，可以设置四个角的倒角半径
取值：以px为单位 或 以 % 为单位
单角定义:
border-top-left-radius:左上角
border-bottom-right-radius:右下角
border-bottom-left-radius:左下角
border-top-right-radius:右上角

<div>
.a{
	border-top-left-radius:400px;
	border-bottom-right-radius:100px;
	border-bottom-left-radius:100px;
	border-top-right-radius:111px;
	
}
</div>

2、边框阴影
给元素增加阴影
属性：box-shadow
取值：多属性值列表
box-shadow:h-shadow v-shadow blur spread color inset;
h-shadow:必须 阴影的水平偏移距离，取值为正，向右偏，取值为负，向左偏
v-shadow:必须 阴影的垂直偏移距离，取值为正，向下偏，取值为负，向上偏
blur:可选，模糊距离
spread:可选，阴影的扩充尺寸
color:可选，阴影的颜色
inset:可选值，将默认的外阴影改为内阴影

<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 12px 12px 500px #888888;
}
</style>

3、轮廓
1、什么是轮廓
绘制于元素边框周围的一条线
2、属性
outline:width style color;
outline-width:宽度
outline-style:样式
outline-color:颜色

常用：
outline:0;
outline:none;