惯性思维。填完一行代码后没看到预期效果,一直以为是自己写的代码有问题,没想到竟是html文档不完整,受教。
2015-01-06
../../font/Amaranth-BoldItalic.otf
放到本地使用相对路径@font-face {
font-family: "MOOC Font";
src: url("../../font/Amaranth-BoldItalic.otf");
}
放到本地使用相对路径@font-face {
font-family: "MOOC Font";
src: url("../../font/Amaranth-BoldItalic.otf");
}
2015-01-05
.demo {
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/ 200px 70px,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/ 150px 60px;
}
如果有size值,需要紧跟position并且用"/"隔开;
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/ 200px 70px,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/ 150px 60px;
}
如果有size值,需要紧跟position并且用"/"隔开;
2015-01-05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>:first-of-type</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<html>
<head>
<meta charset="utf-8">
<title>:first-of-type</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
2015-01-05
.nav li:before {
content:"";
width:1px;
height:20px;
position: absolute;
background-image:linear-gradient(to bottom,#f65f57,#777,#f65f57);
}
为什么加了absolute定位后,内容才显示出来呢?
content:"";
width:1px;
height:20px;
position: absolute;
background-image:linear-gradient(to bottom,#f65f57,#777,#f65f57);
}
为什么加了absolute定位后,内容才显示出来呢?
2015-01-05