随笔分类 -  CSS

css样式
摘要:HTML如下: css如下: jq如下: 则可以通过jq修改hover之后的颜色,第一个函数是hover的样式,第二个是hover后的样式。 阅读全文
posted @ 2017-06-27 14:47 handsomeBoys 阅读(5371) 评论(0) 推荐(0) 编辑
摘要:通常hover后面跟的选择器,都是在myClass结构之下 的dom元素。 如果想在myClass下添加after等,就需要两个::号。 注:after/before是属于myclass的下级元素,并不是同级 阅读全文
posted @ 2017-04-10 15:22 handsomeBoys 阅读(3369) 评论(0) 推荐(2) 编辑
摘要:HTML: <div class="book-detail-store-item align-center-vertical">居中文字</div> CSS: 阅读全文
posted @ 2017-03-17 16:38 handsomeBoys 阅读(16175) 评论(0) 推荐(1) 编辑
摘要:参考博客:http://blog.jobbole.com/94966/ css代码: html: 阅读全文
posted @ 2017-03-16 10:56 handsomeBoys 阅读(1617) 评论(0) 推荐(0) 编辑
摘要:偶尔看到一篇博客详细介绍了meta的作用:http://www.cnblogs.com/nianshi/archive/2009/01/14/1375639.html 阅读全文
posted @ 2017-03-02 14:11 handsomeBoys 编辑
摘要:最近经常看到 JS中=>,符号,于是查了一下别人的博客 =>是es6语法中的arrow function 举例:(x) => x + 6 相当于 阅读全文
posted @ 2017-02-21 11:22 handsomeBoys 阅读(5094) 评论(0) 推荐(1) 编辑
摘要:因为css渲染方式的关系:快速记忆方法:LoVe HAte 原则: L:link V:vistered H:hover A:activeli :link { color: greenyellow;}li :visited{ color: cyan;}li :hover{ background: ga 阅读全文
posted @ 2017-02-16 18:41 handsomeBoys 阅读(783) 评论(0) 推荐(0) 编辑
摘要:看到一个博客写到: 发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性word-wrap,总结如下: white-space的默认只是normal,自动换行。 word-break:break-all和word-wrap:break-word表示强制换行 阅读全文
posted @ 2017-01-22 09:17 handsomeBoys 阅读(400) 评论(0) 推荐(0) 编辑
摘要:mozalla developer netwoke https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 布局,div+css:http://www.divcss5.com/shouce/ 阅读全文
posted @ 2017-01-17 09:32 handsomeBoys 编辑
摘要:最近看到沅老师的博客,关于flex布局的,觉得不错,http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 阅读全文
posted @ 2017-01-15 16:36 handsomeBoys 编辑
摘要:position: absolute; //相对于已经定位的父元素的位置。 left: 50%; top: 50%; transform: translate(-50%,50%); 阅读全文
posted @ 2017-01-15 16:03 handsomeBoys 编辑
摘要:*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 阅读全文
posted @ 2017-01-06 14:25 handsomeBoys 阅读(2081) 评论(0) 推荐(0) 编辑