关于CSS的杂项(常用项)

一、位置
标签位置用align
标签内容水平位置用text-align
标签可通过设置line-height达到改变内容竖直高度的效果
二、背景
背景颜色background-color:①颜色名称②#颜色代码③rgb(r,g,b);
背景图片background-image:url();
背景图片填充方式background-repeat:
背景图片调整大小background-size://参考
三、字体(font)
font-family:
font-size:
font-weight:
color:
text-indent://文字缩进(一个中文字符为1em=16px)
font-style://斜体粗体之类的字体
letter-spacing://设置字符之间的距离
word-spacing://等同于设置空格的宽
css1
css2
css3
需要注意的是使用百分比作为量度时,有些属性是以父级标签为基准,有些属性以内容为基准(如line-height:100%,则是说明标签的行高为内容高度的100%)
举个栗子,这篇文章就不再更新了
< div class=”logo” style=”height:100px;”>
< img src=”图片.bmp”/>
< /div>
要设置图片上下居中?
方案1:img{
line-height:100%;
vertical-align:middle;
}//无效果,自行分析
方案2:img{
line-height:100px;
vertical-align:middle;
}//无效果,这样写词不达意,先去正确使用一次再看
方案3:img{
vertical-align:middle;
}
div{
line-height:100%;
}//无效果,line-height值为img的height
方案4:img{
vertical-align:middle;
}
div{
line-height:100px;
}//√

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值