css设计指南学习笔记

1. 兄弟元素的选择
   h1 ~ p 选中h1后面的所有P元素

2. 链接 返回页面顶部

3. 链接 到此页面中#box元素的位置

4. 伪类的实用
   a:link 初始化的链接状态
   a:visited 链接点击之后的状态
   a:hover 鼠标悬浮的状态
   a:active 鼠标按下的状态

5. #box:target a标签的href为#box ， 点击a标签后，#box元素的样式

6. 伪元素

    p::first-letter
    p::line  {    font-variant：small-caps  }
   

7. 清除浮动

<title>菜鸟教程(runoob.com)</title>
	<style>
		img {
    
			float: left;   // 让后面的p可以跟上来
		}