其实之前说过,正常的文档流。意思就是说,我们每添加一个元素标签时,元素标签应该是纵向排列的—— 理应一行一个元素。反之当我们的元素没有按照一行一个元素时,此元素就称之为行内元素。
行内元素:span b i u strong a ...
块元素:div p table ul li ol dl dt dd h1.....
行内元素特点:内容决定大小。
块元素:自定义或内容决定大小。
块元素与行内元素的转换:
块——》行
display:inline;
行——》块
display:block;
图片溢出处理:
1、可以用css设置高宽。
2、用overflow。值有auto、hidden、scoll。
一 些文本属性具有继承的特性:
font-size、font-family、font-weight、font-style、text-decoration、color。
选择器优先级:
标签选择器<类选择器<id选择器<行内标签
浮动造成父元素的影响的解决方法(在父元素没有设置固定大小的情况下):
- 当父元素没设置浮动,而子元素都设置了浮动,这样会让父元素产生不需要的变化。所以在父元素里面最下方新增一个子元素div,div的css属性加一条clear:both;(清除浮动)就可以了。clear值:left、right、both。
- (把这个情况当成浏览器bug)在父元素添加css属性,overflow:hidden;让父元素得到一个自然高。