随笔分类 -  CSS

css 多行文本以...代替
摘要：上单发送的发是大法师打发斯蒂芬阿斯顿发asdfasdf发手动阀asdfasdf发送地方阿斯顿发asdfasdf发多少飞asdfasdf发送地方发斯蒂芬 阅读全文
posted @ 2017-02-21 14:42 好叶叶孤城 阅读(330) 评论(0) 推荐(0) 编辑
如何为logo配色
摘要：原网链接：http://design.jobbole.com/125287/ 色彩是带有情绪的。我们能感知到的色彩能带来各种各样的情绪，也能传达一种思想或一种文化。 企业logo的色彩就是利用上面的原理，通过各种搭配起到识别与推广的作用。企业做logo的目的是为了让消费者记住品牌和文化，不同企业文化 阅读全文
posted @ 2016-08-08 12:15 好叶叶孤城 阅读(1845) 评论(0) 推荐(0) 编辑
改变input默认选中颜色
摘要：修改 outline-color 属性即可实现 阅读全文
posted @ 2016-08-04 16:49 好叶叶孤城 阅读(3960) 评论(0) 推荐(0) 编辑
table标签去除默认边框
摘要：table去除默认边框 1.在没有出去默认边框时，改变底部颜色，依然显示1px左右的白色边框 2.为table 加上 border="0" cellpadding="0" cellspacing="0"后实现效果 阅读全文
posted @ 2016-08-04 14:51 好叶叶孤城 阅读(27619) 评论(0) 推荐(1) 编辑
自定义矢量图
摘要：登录 浏览器访问阿里巴巴矢量图标库官网，选择登录方式，可直接使用新浪微博账号登录； 搜索图标 在右上角搜索“男装”，会列出当前网站上的所有男装图标，如下： 之后点击“存储为项目”，输入项目名字，例如“mui-icon-custom”，点击“存储”按钮后，会跳转到项目管理页面，如下图所示： 下载字体 阅读全文
posted @ 2016-08-04 10:58 好叶叶孤城 阅读(364) 评论(0) 推荐(0) 编辑
css 字体不撑开默认块级元素问题
摘要：问题原因是行高的元素没有随字体大小而改变，设置line-hight属性和字体同时变换 阅读全文
posted @ 2016-07-20 09:41 好叶叶孤城 阅读(726) 评论(0) 推荐(0) 编辑
css 浏览器兼容性问题集合
摘要：http://www.xidayun.com/index.php/2016/05/16/941/ 文章取自前端蜂小客 阅读全文
posted @ 2016-06-28 13:40 好叶叶孤城 阅读(179) 评论(0) 推荐(0) 编辑
css 鼠标移入边框填充效果
摘要：效果图： 阅读全文
posted @ 2016-05-18 10:54 好叶叶孤城 阅读(796) 评论(0) 推荐(0) 编辑
css父元素背景覆盖其子元素背景
摘要：父元素不设置z-index 的值时，默认是auto。此时在设置子元素的值为负数 阅读全文
posted @ 2016-05-16 16:24 好叶叶孤城 阅读(8210) 评论(0) 推荐(1) 编辑
通过 :hover 伪元素控制其他元素
摘要：代码 这里要注意，这个方法不能选择用于同级和子元素。 阅读全文
posted @ 2016-05-10 16:55 好叶叶孤城 阅读(972) 评论(0) 推荐(0) 编辑
自定义带图标input样式
摘要：输出效果： 阅读全文
posted @ 2016-05-09 16:15 好叶叶孤城 阅读(364) 评论(0) 推荐(0) 编辑
display:inline-block 和 float 水平排列区别？
摘要：关于第4条空白节点的解决方案 阅读全文
posted @ 2016-05-09 14:23 好叶叶孤城 阅读(1653) 评论(0) 推荐(0) 编辑
css中块元素和行内元素区别
摘要：行内元素特点 块元素特点 阅读全文
posted @ 2016-05-09 11:55 好叶叶孤城 阅读(207) 评论(0) 推荐(0) 编辑
margin-top 为什么会影响父元素的 margin-top
摘要：1.原因： In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearanc 阅读全文
posted @ 2016-05-09 11:09 好叶叶孤城 阅读(201) 评论(0) 推荐(0) 编辑
vertical-align 的理解
摘要：1.vertical-align 属性和值列表 2.兼容性 3.vertical-align 的使用条件 作用于inline-block水平的元素（注意：当两个inline-block元素是同级元素时吗，两元素才能实现垂直居中，如例2） 例如图片，按钮，单复选框，单行/多行文本框等HTML控件 实际 阅读全文
posted @ 2016-05-09 11:05 好叶叶孤城 阅读(229) 评论(0) 推荐(0) 编辑
css 实现多张图片响应式水平排列自适应效果
摘要：效果图如下： 1.使用响应式图片 ：为图片添加 max-width:100% 2.设置图片最小宽度，当屏幕宽度不够时，图片会排成2行甚至多行 3.使用媒体查询处理当一张图片挤到下一行时，留下的空白位置 阅读全文
posted @ 2016-04-28 16:39 好叶叶孤城 阅读(20219) 评论(3) 推荐(3) 编辑
css绘制三角形
摘要：效果图如下： 阅读全文
posted @ 2016-04-27 10:16 好叶叶孤城 阅读(184) 评论(0) 推荐(0) 编辑
Normalize.css 与传统的 CSS Reset 有哪些区别？
摘要：CSS Reset 是革命党，CSS Reset 里最激进那一派提倡不管你小子有用没用，通通给我脱了那身衣服，凭什么你 body 出生就穿一圈 margin，凭什么你姓 h 的比别人吃得胖，凭什么你 ul 戴一胳膊珠子。于是 *{margin:0;} 等等运动，把人家全拍扁了。看似是众生平等了，实则 阅读全文
posted @ 2016-04-25 10:15 好叶叶孤城 阅读(399) 评论(0) 推荐(0) 编辑