CSS
reaaal
每天进步一点点
展开
-
overflow的属性值说明
overflow属性规定当内容溢出元素框时发生的事情。取值visible(默认) 内容不会被修剪,会呈现在元素框外。hidden:内容会被修剪,并且其余内容是不可见的。scroll:内容会被修剪,但是浏览器会显示出滚动条以便查看其余的内容。auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit:规定应该从父元素继承overflow属性的值。...原创 2020-06-04 10:22:17 · 1479 阅读 · 0 评论 -
浮动及清除浮动
浮动的特点:1:脱离文档流2:向左或向右浮动直到遇到父元素或其他浮动元素3:会造成父元素的高度坍塌4:浮动设计之初是为了文字环绕排版5:浮动的元素相互贴靠清除浮动:用来解决父元素高度坍塌问题1:给父元素加clearfix这个类。使用伪元素(推荐使用)因为clearfix不支持IE6/7,所以引入了zoom以支持IE.clearfix:after{ ...原创 2019-06-24 10:42:28 · 66 阅读 · 0 评论 -
怎样设置div文字显示两行,超出部分用省略号显示
加一段css代码 text-overflow:-o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: verti...原创 2018-03-24 13:37:29 · 2173 阅读 · 1 评论 -
CSS3动画
在css3中,一般创建动画需要使用animation实现,使用简写属性,将动画与div元素绑定。animation可用于设置六个动画属性:* animation-name:规定需要绑定到选择器的 keyframe 名称;* animation-duration:规定完成动画所花费的时间,以秒或毫秒计算;* animation-timing-function:规定动画的速度曲线...原创 2019-09-16 16:33:14 · 125 阅读 · 0 评论 -
恢复list-style默认样式
我们在使用ul、li标签的时候,往往会在全局里面设置去除样式:list-style:none但是有时候需要恢复它的默认样式,这里使用:list-style:disc原创 2019-12-04 14:11:21 · 4349 阅读 · 0 评论 -
解决IOS select下拉框样式
这里写自定义目录标题问题解决方法问题一般来说,在ios端,对于select下拉框会默认出现黑色背景,input输入框上面出现阴影,导致用户体验感不是很好,总体原因是ios中对透明度渲染的效果不是很好。会出现如下图所示现象:解决方法在select的css样式表上添加:-webkit-appearance-: none;outline: none;该属性会去掉select所有的默认样式,包括下拉箭头,因此如果用了上面的css语句还需要通过额外的样式来控制下拉箭头。...原创 2020-05-23 11:45:29 · 2064 阅读 · 0 评论