一些常用到的 css

前言:由于我偶尔写写前端,一些小布局,样式不常用,偶尔又要用到,时不时忘了,于是决定记录下来,本文件权当是一个自己笔记,会一点点的添加补充。

一、ul li 横排
1、li_class {folat:left} /*向左浮动,这种解决方法会打乱布局,他把节点浮动处理,不按你原先设置的布局去排*/
2、li_class {display:inline} /*这种方法不会影响原来布局*/

二、div 继承 父div 背景色
style="background-color: inherit;"

一些注明:
folat:引发的一些布局问题:
CSS中边框出界、位置偏移、背景色不继承等众多问题多半是由float引起,解决办法就是在float元素之后添加一个clear层:<div style="clear:both;"></div> 用来清除float对下面元素产生的影响。 或者
在float元素的父标签中加入溢出隐藏,将它内部的float对它外部的其他元素产生的影响隐藏掉。在父标签的div中添加:style="overflow:hidden;"

display:none 与 visibility: hidden:
用display:none;隐藏元素时候不会占据空间,用visibility: hidden;隐藏可以保留原来空间

三、div 垂直居中
父 DIV 的display:table;
子 DIV 的display:table-cell; 同时vertical-align:middle;
就可以实现div里的图片水平垂直居中。


--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_space@126.com
qq : 1035862795
敲门砖: 代码谱写人生
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值