随笔分类 -  css

overflow不隐藏圆角部分
摘要：1.overflow属性不隐藏绝对定位到子元素，如果父元素不加相对或绝对定位 2.父元素应用圆角属性border-radius，且子元素应用transform属性，不隐藏圆角部分 解决：父元素插入如下css 阅读全文
posted @ 2019-03-15 10:02 sunbey80 阅读(412) 评论(0) 推荐(0)
iconfont字体图标使用
摘要：1.css引入 2.html插入元素 阅读全文
posted @ 2019-02-27 13:28 sunbey80 阅读(384) 评论(0) 推荐(0)
sass scss with sublime
摘要：1.打开sublime，安装包 Sass, Sass Build, SublimeOnSaveBuild 2.若未安装sass，打开iterm，gem(ruby工具)安装sass 3.配置编译目录 打开sublime tools -> Build System -> New Build System 阅读全文
posted @ 2018-06-23 16:44 sunbey80 阅读(214) 评论(0) 推荐(0)
css文本超出部分用省略号显示
摘要：一、div内显示一行，超出部分用省略号显示 二、div内显示两行或三行，超出部分用省略号显示 阅读全文
posted @ 2018-04-02 15:04 sunbey80 阅读(366) 评论(0) 推荐(0)
css common 通用
摘要：/*common*/ body{ color:#666666; font-size:12px; margin:0; padding:0; font-family:"Arial","Microsoft YaHei"; } form,ul,li,p,h1,h2,h3,h4,h5,h6,img,em,i,strong,input{ margin:0; ... 阅读全文
posted @ 2016-11-09 11:02 sunbey80 阅读(257) 评论(0) 推荐(0)
去除手机端a标签等按下去背景色
摘要：a,button,input,textarea,label,i,em{/*highlight*/ -webkit-tap-highlight-color: rgba(255,0,0,0); border: 0; -webkit-appearance: none; } 阅读全文
posted @ 2016-03-10 12:00 sunbey80 阅读(257) 评论(0) 推荐(0)
input的默认样式修改
摘要：1.placeholder默认样式修改 知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 css伪类：CSS 伪类用于向某些选择器添加特殊的效果。 css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分 阅读全文
posted @ 2016-03-08 12:58 sunbey80 阅读(992) 评论(0) 推荐(0)
css自适应代码-iphone端
摘要：@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone4/4s */} @media (device-height:568px) and (-webkit-min-device-pixel-ra 阅读全文
posted @ 2016-03-07 17:07 sunbey80 阅读(435) 评论(0) 推荐(0)