php学习——css复习七(细节处理)

来源:互联网 发布:mac安装微软雅黑字体 编辑:程序博客网 时间:2024/05/15 20:07

其实之前说过,正常的文档流。意思就是说,我们每添加一个元素标签时,元素标签应该是纵向排列的—— 理应一行一个元素。反之当我们的元素没有按照一行一个元素时,此元素就称之为行内元素。

行内元素: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选择器<行内标签

浮动造成父元素的影响的解决方法(在父元素没有设置固定大小的情况下):

  1. 当父元素没设置浮动,而子元素都设置了浮动,这样会让父元素产生不需要的变化。所以在父元素里面最下方新增一个子元素div,div的css属性加一条clear:both;(清除浮动)就可以了。clear值:left、right、both。
  2. 把这个情况当成浏览器bug)在父元素添加css属性,overflow:hidden;让父元素得到一个自然高。


原创粉丝点击