div#header
表示是在html文件中
<div
id="header">的标签,从这时开始控制这个标签内的显示。
2.border-top:3px
solid
#454545
说的是给这个div
(id="header")的这个部分加一个上边框宽度是3px
实线
颜色是#454545
3.margin:
0
8px
说的是div
的这个部分的外边距上下为0
左右为8px
4.position:
relative
说的是div的显示为在整个页面中为相对位置
5.width:990px
说的是这个div的宽度被设置为990px.
CSS中header后面的:after 选择器是在header的内容后面插入内容,用content属性来指定要插入的内容。
实例:
在每个 <header>元素后面插入内容,并设置所插入内容的样式:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="捷西网络技术支持">
<title>:after标签使用和解释</title>
</head>
<style>
header:after
{
content:"捷西网络提供实例演示:jiexi-it.com"
background-color:yellow
color:red
font-weight:bold
}
</style>
<body>
<header>
在每个<strong> header </strong>元素后面插入内容,并设置所插入内容的样式
</header>
</body>
</html>
代码显示效果图: