HTML+CSS:总结
1 默认情况下,Div盒子元素宽度跟随父级一致,高度为0,对于一个div,只设置颜色,没有宽高,没有样式效果。必须给予高度,才会出现样式效果。
2 浮动一般会抽离出来作为一个浮动类(.FR或.FL),但是也要看具体需求。在ul-li标签中,一般直接给li标签在style样式中添加浮动样式(float:left;),这样就避免了需要在每个li标签中添加浮动类。
3 inherit和initial属性值
vertical-align: inherit;
inherit规定应该从父元素继承vertical-align属性的值
vertical-align: initial;
initial设置属性的初始值–浏览器的默认定义值.
vertical-align: unset;
CSS关键字unset是关键字initial和inherit的组合。 如果有继承父级样式,则将该属性重新设置为继承的值,如果没有继承父级样式,则将该属性重新设置为初始值。换句话说这个unset关键字会优先用inherit的样式,其次会应该用initial的样式。
4 margin 和 padding 分别适合什么场景:
margin 是用来隔开元素与元素的间距;margin 用于布局分开元素使元素与元素互不相干。padding 是用来隔开元素与内容的间隔。 让内容与元素之间有一段。padding不能写负值,margin可以写负值。
5 隐藏一个元素有三种方法:
(1)display:none;
(2)opacity:0;
(3)visibility:hidden;
6 放在尖角号(<>)里的第一个单词叫做标记,标签。一个标签可以有多个属性,属性与属性不区分先后顺序,标记和属性之间用空格隔开。
7 HTML网页基本组成结构