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

本文介绍了CSS中块元素与行内元素的概念及其转换方法,并探讨了如何处理图片溢出问题。此外,还讲解了一些文本属性的继承特性及选择器的优先级。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

行内元素: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;让父元素得到一个自然高。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值