默认显示类型与显示类型的转化的学习心得

1.作业注意点:
一行文字给p标签。
img需要给边距可以给个父级div
注意点:
2.测试易错点:alt与title的区别
alt是指图片显示不出来时,替换图片(描述图片的内容)
title是鼠标悬浮的时候出现的效果
3.默认显示类型与显示类型的转化
(1)概念:显示类型:display
块级元素默认显示类型:block
行内元素:inline
行内块:inline-block
使用行内块但是会产生空格解析?(注意:暂时使用,以后学了浮动和定位以后就不用了)
解决方法:
1)给父级添加字体为0,子元素再设置字体大小。
2)删除标签之内的空格
3)不要使用(注意:暂时不要使用,因为需要解决空格解析,还要设置给子元素vertical-align)
各元素特征
(2)显示与隐藏
消失:display:none;
显示:display:block;
注意:只能使用none和block
(3)调整元素透明度:
1)opacity:影响整个元素包括内容:元素消失但是还占位置
单位:0~1
2)display:none;元素完全消失了
3)rgba(transparent)只是更改颜色的透明度
(4)清除默认样式
原因:避免原本浏览器给元素带来的一些样式(如:内外边距……)
ps:写项目不可以设置通配符
问题:图片可以给背景透明度?鼠标悬浮的时候有效果?
可以使用opacity透明度,有一层纱布的感觉

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值