随笔分类 -  CSS

1 2 3 下一页
看到一个好看的效果 留日后备用
摘要：CodePen - Button Hover Effects Just Some More Button Hover Effects By: Kyle Brumm ... 阅读全文
posted @ 2019-05-23 17:54 黑发不知勤学早 阅读(220) 评论(0) 推荐(0)
手写的select 下拉菜单
摘要：我们在进行表单设计时，可能要用到select下拉选项控件，遗憾的是，IE浏览器默认的select控件外观非常丑陋，而且不能用样式来控制，不能在选项中添加图片等信息。今天我将通过实例来讲解如何用CSS和jQuery来制作漂亮的下拉选项菜单。 阅读全文
posted @ 2019-05-07 16:28 黑发不知勤学早 阅读(2804) 评论(0) 推荐(0)
居中的几种方式
摘要：1，margin:0 auto; 2,text-align:center; 3. 弹性布局 适合于居中元素 宽高未知的情况 4.绝对定位居中的方式 适合于居中元素宽高固定的情况下。 5.通过CSS3属性的方式也可以实现居中的效果；对于宽高不知的情况下，用这个方法比较好 阅读全文
posted @ 2019-03-29 21:14 黑发不知勤学早 阅读(639) 评论(0) 推荐(0)
选择器之兄弟选择器
该文被密码保护。
posted @ 2018-10-18 15:39 黑发不知勤学早 阅读(0) 评论(0) 推荐(0)
flex弹性布局学习总结
该文被密码保护。
posted @ 2018-09-27 17:09 黑发不知勤学早 阅读(8) 评论(0) 推荐(0)
css border颜色渐变 有中间向两边
该文被密码保护。
posted @ 2018-09-27 14:17 黑发不知勤学早 阅读(1) 评论(0) 推荐(0)
微信小程序使用字体图标
摘要：项目中常常需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步：下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为： 搜索 阅读全文
posted @ 2018-08-31 18:01 黑发不知勤学早 阅读(1460) 评论(0) 推荐(0)
弹性布局的demo
只有注册用户登录后才能阅读该文。
posted @ 2018-08-20 14:15 黑发不知勤学早 阅读(8) 评论(0) 推荐(0)
图片背景也是可以实现 过渡动画的
只有注册用户登录后才能阅读该文。
posted @ 2018-08-13 16:29 黑发不知勤学早 阅读(18) 评论(0) 推荐(0)
项目中的坑
该文被密码保护。
posted @ 2018-07-10 09:30 黑发不知勤学早 阅读(1) 评论(0) 推荐(0)
未知宽高div水平垂直居中的3种方法
摘要：方法一 方法二： 方法三 阅读全文
posted @ 2018-04-18 21:36 黑发不知勤学早 阅读(556) 评论(0) 推荐(0)
选择器 nth-child和 nth-of-type的区别
摘要：li:nth-child(2) { color:red; } 选择器： li:nth-of-type(2){ color:red; } 显示的效果 这个时候 li:nth-child(2) 与 li:nth-of-type(2) 选择的是同一个 显示的效果是一样的 但............ 因为没 阅读全文
posted @ 2018-04-16 22:39 黑发不知勤学早 阅读(186) 评论(0) 推荐(0)
居中的效果
摘要：居中的问题 阅读全文
posted @ 2018-04-11 17:37 黑发不知勤学早 阅读(206) 评论(0) 推荐(0)
CSS 两边是线 中间是文字的效果
摘要：刚开始做的时候 想了一下 这个是怎么做出来的，后来在网上看到有个类似的效果，研究一下 代码中的小星星可以在阿里字体图标库中下载一个 试试 ，应该没问题 阅读全文
posted @ 2018-04-11 17:00 黑发不知勤学早 阅读(3618) 评论(0) 推荐(0)
弹性布局总结
摘要：弹性布局对于移动端页面开发其实还是蛮重要的，今天来一些总结吧 Flexbox 为 display 属性赋予了一个新的值（即 box 值）, flexbox的属性有很多，记录一些比较常用的属性： 用于父元素的样式： 用于子元素的样式： 其中 box-pack属性 目前有很多浏览器还是不支持的 。 首先 阅读全文
posted @ 2018-04-10 11:47 黑发不知勤学早 阅读(653) 评论(0) 推荐(0)
iphone、ipad等网页中电话号码呈蓝色的解决方案
摘要：iPhone手机、ipad上的浏览器（如Safari），在解析网页的时候会自动给 像是电话号码的数字 加上link样式，所以号码呈蓝色。 可以添加下面的meta禁用掉这个功能。 <meta name="format-detection" content="telephone=no"> 加上之后，问题 阅读全文
posted @ 2018-03-30 11:38 黑发不知勤学早 阅读(681) 评论(0) 推荐(1)
居中
摘要：居中的方法，外面的div 设置为 relative 里面的div绝对定位 设置为absolute; div { position:absolute; height:200px; width:200px; left:50%; top:50%; margin-left:-100px; margin-to 阅读全文
posted @ 2018-03-27 11:01 黑发不知勤学早 阅读(104) 评论(0) 推荐(0)
CSS实现多行文字限制显示
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scal 阅读全文
posted @ 2018-03-20 23:51 黑发不知勤学早 阅读(354) 评论(0) 推荐(0)
background-size属性
摘要：background-size:属性有 auto；length ；百分比 length 如：10px 20px 固定的 或者是写成一个 ，10px 另外一个就默认为 auto; 写成百分比的形式 是相对于div的宽度或者是高度的 包含padding 但是不包含 border的 background- 阅读全文
posted @ 2018-03-14 14:37 黑发不知勤学早 阅读(568) 评论(0) 推荐(0)
一些CSS的备忘
摘要：text-transform 文本转换 属性值是 none表示没有 不转换 同时也是默认的 capitalize 表示首字母大写 uppercase全部转换为大写 lowercase全部转为小写 text-indent:2em 无论字号多大 首行文本都会缩进两个字符 text-indent:50px 阅读全文
posted @ 2018-03-13 09:37 黑发不知勤学早 阅读(108) 评论(0) 推荐(0)

1 2 3 下一页