随笔分类 -  CSS

CSS笔记
CSS3 filter属性学习
摘要：filter属性：CSS3的fliter属性是一个强大的工具，开发者可用它实现很多视觉效果 。该属性提拱了如阴影和改变颜色等效果，这些效果的在元素渲染是完成 。该属性通常用于调整图片的呈现、一个元素的背景或者边框。 语法： filter函数有以下一些： blur(Npx)——设置高斯模糊，传入一个像 阅读全文
posted @ 2017-03-25 21:50 JackChouMine 阅读(296) 评论(0) 推荐(0)
border-box——一种改变盒子尺寸的方法
摘要：语法： IE6中的传统盒子模型： CSS样式声明的 width 和 hieght 包含 content、padding 和 border。这就是 border-box 盒子模型。 W3C 的盒子模型是 content-box，即CSS样式声明的高度和宽度是 content 的尺寸。 padding- 阅读全文
posted @ 2017-03-23 02:22 JackChouMine 阅读(10078) 评论(0) 推荐(5)
再次复习 display:none和 visibility:hidden
摘要：以前没有看 w3c 的文档，直接google display：none;和 visibility:none；区别，得到的是 display:none是元素消失，会影响布局；visibility:hidden;隐藏元素，不影响布局。今天我看了 w3c 的定义，发现以前的认识有误。来记录一下这个知识点和 阅读全文
posted @ 2017-03-23 01:00 JackChouMine 阅读(267) 评论(0) 推荐(1)
一句话说明CSS3 :nth-child和:nth-of-type孩子选择器的区别
摘要：div:nth-child(aN+b)，在一个有子元素的元素中选择在第aN+b个位置的div，也就是说 div 是子元素，且在所有子元素中的第aN+b个位置上。子元素没有限制类型，条件强一些。 p:nth-of-type(aN+b)，在所有作为 子元素的 p 中选择 第 aN+b 个p，限定了子元素 阅读全文
posted @ 2017-03-20 21:10 JackChouMine 阅读(395) 评论(0) 推荐(0)
word-break|overflow-wrap|word-wrap——CSS英文断句浅析
摘要：word-break|overflow-wrap|word-wrap——CSS英文断句浅析。主要知道三者的区别。 阅读全文
posted @ 2017-01-05 22:44 JackChouMine 阅读(1153) 评论(1) 推荐(0)
CSS之cursor属性
摘要：CSS之cursor属性 今天学习了CSS的cursor属性，第一篇博客就用来总结它吧。 cursor属性用于控制光标的显示样式，可取的值有这些： cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-al 阅读全文
posted @ 2016-06-01 20:50 JackChouMine 阅读(1377) 评论(0) 推荐(0)