摘要： <!--在index.html的body里加入下列代码--><h1><span>Website</span></h1>h1{ width: 100%; height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-size: cover; /* 重点 */}span{ display: none; /* 隐藏文字"Website" */}这是用图片制作页头的方法。如果你使用的背景图片的宽度少于用户显示 阅读全文

摘要： :first-of-type.属CSS3的伪类。作用是操作同级元素中的第一个元素。Firefox,Chrome,Opera,Safari支持，Internet Explorer8不支持。<!--在index.html的body里加入以下内容--><h1>Do you like HTML</h1> <p>Yes,I do</p><div> <!--注意我在这里加了个div--> <h1>What is HTML,what is CSS</h1> <p>Hypertext Mar 阅读全文

摘要： :nth-child可以实现类似于php里的while()的循环功能，是非常方便的。我用了IE8和Chrome这两个浏览器来测试它们到底支不支持:nth-child。结果是Chrome支持，但IE8不支持。<!--先在index.html里的body里添加个列表--><ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> <li>Six</li 阅读全文