HTML5与CSS3总结笔记 (DIV)
CSS是web前端的漂亮衣服可以精细到像素点的不同div块儿(或者其他什么的标签比如说table啦ul啦)就是这衣服的(一针||一线||一块布)。另外,如果你是一个完美主义者+强迫症,那么恭喜你,CSS绝对够你玩儿
DIV
以上这一行代码应该是前端战斗组的兄弟姐妹们熟悉熟悉烂熟于心的代码~配上了id和class的html标签只是木有雕琢的璞玉,如果木有css来修饰的话…它们可能会在web页面上呈现出各种奇形怪状的样子==!
用不同的选择器来锁定:
id用#id, #myFirstDiv{}
class用 .class .first{}
具体的内容写到大括号里面
div这个东西其实可淘气了,熊孩子一样非愿意自己占用一行(如果木有css管教),所以这时候,如果你想要将它们并排放,怎么办呢:
方法一,float float float!float其实很万能,只要一float它们就乖乖排成一行了;
方法二:display:inline!于是它们被去掉换行符~乖乖排排坐了;
方法三:position:absolute,想放哪里放哪里~
div还会偷偷藏起来它里面的东西:默认的属性是overflow:hidden…所以有时候就会出现,有个东西,明明有这个标签,可是页面上就是找不到???为什么,因为熊孩子div给你藏起来了呗解决方法是:overflow:scroll或者auto哈,孺子可教也~
div还会自己偷偷长大,作为一个盒子它有margin和padding,即内边距&外边距,div需要的位置,可不仅仅是height和width的值那么简单~