大学生可以看懂css基础实战系列,pre标签是笔记总结,通过动手操作会加强理解。如果你有任何问题,请留言。
可能很枯燥,但如果你再坚持一会儿,前端知识的大门就会大开。
<!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <title>Title</title> <style> div img { float: right; clear: both; } div span { clear: both; } </style></head><body><div> <pre> float:浮动 right右侧浮动 clear: both; 清除单个标签自带样式 </pre> <img src=”pics/logocss.gif”> <span>日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌日暮笙歌</span></div></body></html>& lt!DOCTYPE html & gt& lthtml lang = ” en ” & gt& lthead & gt& ltmeta charset=”UTF-8 ” >& lttitle & gtTitle & lt/title & gt;& ltstyle & gtdiv img { float:right;明确:两者都有;} div span { clear:both;} & lt/style & gt;& lt/head & gt;& ltbody & gt& ltdiv & gt& ltpre & gt浮动:右浮动右浮动清除:两者;清除单个标签的独立样式
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。