丶梦里啥都有的博客

盒模型首先，我们了解一下什么是盒模型CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。标准盒模型总元素的宽度=宽度总元素的高度=高度如图：怪异盒模型总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距tips: 愿你过得没我好，死得比我早，吃不好睡不好还特别显老...

单行省略{ text-overflow: ellipsis; /* 文本溢出隐藏属性 */ overflow: hidden; white-space: nowrap;}多行省略{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 第几行显示...

body::-webkit-scrollbar { display:none}

今天我们就来说一下表格的隔行变色的多种写法，话不多说，上图：对于表格的隔行变色，对于不同的需求我们有不同的写法，一起来看看吧隔行变色（奇数行） table tr:nth-child(odd){ background: #ccc; }效果图：能实现同样效果的其他写法table tr:nth-child(2n+1){ background: #ccc;}...

今天我们就来学习一下圆角属性（border-radius），看看它到底是怎么样的吧。首先，我们先新建一个盒子，用来观察圆角属性。需要注意的是这个盒子至少要有背景(background)或者是边框（border）的其中之一这个是我的样式，大家可以参考#box { width: 200px; height: 100px; border: 1px solid; ...

实现代码如下所示：.class:after{ visiblity: hidden; clear: both; display: block; content: ''; height: 0;}您的支持就是我坚持的最大动力，谢谢。

写法描述e:nth-child(n)父级元素中的第n个子元素（必须叫e）e:nth-child(2n)父级元素中的标识几倍倍数的子元素（必须叫e），2可以换成人和数字e:nth-child(odd)父级元素中奇数子元素（必须叫e）e:nth-child(even)父级元素中偶数子元素（必须叫e）e:nth-child(n+x)选取子元素大于等于...

写法描述标签[属性名]div[class]选中的是所有包含class这个属性的div元素[属性名=‘属性值’]某属性名等于某属性值的元素将被选中元素[属性名~=‘属性值’]一个元素有多个属性的属性值时，只要含有其中一个，或者值列表只有一个该属性值时，元素被选中元素[属性名^=‘属性值’]某元素的属性值中，以某一字段或者某多段字段开头的元素都会被选中...

关系写法描述后代div p选中div中所有叫p的后代元素子代div>p选中div中所有叫p的直接子元素相邻兄弟选择器div+p选中div之后的相邻同级p元素兄弟选择器div~p选中div之后的同级p元素...

名称符号全局*类.ID#标签标签名ID选择器是唯一的，同一个ID只能使用一次类选择器不是唯一的，一个标签可以有多个类名，一个类名可以给多个标签。...

// 去除input[type=number]的默认样式input[type=number] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance...