认识CSS的 盒子模型。
2、CSS选择器的灵活使用。
3、实例:
a.图片文字用div等元素布局形成HTML文件。
b.新建相应CSS文件,并link到html文件中。
c.CSS文件中定义样式
div.img:border,margin,width,float
div.img img:width,height
div.desc:text-align,padding
div.img:hover:border
div.clearfloat:clear
![CSS实例:图片导航块 CSS实例:图片导航块](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0hNNkx5OXBiV0ZuWlhNeU1ERTNMbU51WW14dlozTXVZMjl0TDJKc2IyY3ZNVEl6TWpNNE5pOHlNREUzTVRBdk1USXpNak00TmkweU1ERTNNVEF5TURFd05UVTFOekF3TmkwM09ETTVPVEl4T0RZdWNHNW4%3D.jpg?w=700&webp=1)
![CSS实例:图片导航块 CSS实例:图片导航块](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0hNNkx5OXBiV0ZuWlhNeU1ERTNMbU51WW14dlozTXVZMjl0TDJKc2IyY3ZNVEl6TWpNNE5pOHlNREUzTVRBdk1USXpNak00TmkweU1ERTNNVEF5TURFd05UWTBPREUyTWkweU9UZzBOak0zTXpFdWNHNW4%3D.jpg?w=700&webp=1)
![CSS实例:图片导航块 CSS实例:图片导航块](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0hNNkx5OXBiV0ZuWlhNeU1ERTNMbU51WW14dlozTXVZMjl0TDJKc2IyY3ZNVEl6TWpNNE5pOHlNREUzTVRBdk1USXpNak00TmkweU1ERTNNVEF5TURFd05UYzBOakE0TkMweE56STJOakUzTkRZM0xuQnVadz09.jpg?w=700&webp=1)
认识CSS的 盒子模型。
2、CSS选择器的灵活使用。
3、实例:
a.图片文字用div等元素布局形成HTML文件。
b.新建相应CSS文件,并link到html文件中。
c.CSS文件中定义样式
div.img:border,margin,width,float
div.img img:width,height
div.desc:text-align,padding
div.img:hover:border
div.clearfloat:clear