css - 随笔分类 - 风灵灵

摘要：如果针对ie10 以上单独写css样式的话，ie10以上已经不提供这种方法去操作了，所以可以用css媒体查询的方法转载自：https://www.cnblogs.com/ifmiss/p/6841487.html 阅读全文

posted @ 2020-05-07 10:54 风灵灵阅读(835) 评论(0) 推荐(0)

摘要：.select { padding: 4px 0; height: 30px; line-height: 26px; vertical-align: middle; } 同时使用line-height与padding 注意：在ie8下使用padding才会起作用阅读全文

posted @ 2020-04-23 17:01 风灵灵阅读(377) 评论(0) 推荐(0)

@font-face的使用

摘要：今天看商城小程序源码时看到有关@font-face的使用，好奇它的详细用法。特意在网上百度到一篇详细的博客。记录一下：博客转自：https://www.cnblogs.com/fashandian/p/6880892.html 阅读全文

posted @ 2020-04-05 14:05 风灵灵阅读(547) 评论(0) 推荐(0)

如何在特殊的日子里让网站变成灰色

摘要：方法1：支持IE html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。方法2：支持IE body {filter:gray} 说明阅读全文

posted @ 2020-04-04 14:29 风灵灵阅读(448) 评论(0) 推荐(0)

改变checkbox的默认样式

摘要：input[type='checkbox']{ width: 18px; height: 18px; background-color: #fff; -webkit-appearance:none;/*擦除默认样式 */ border: 1px solid #c9c9c9; border-radiu 阅读全文

posted @ 2020-04-03 18:17 风灵灵阅读(425) 评论(0) 推荐(0)

如何用css样式修改select下拉箭头默认样式

摘要：select { /* 鼠标移上，变小手 */ cursor: pointer; padding: 0 10px; /* 清除默认的箭头样式 */ appearance: none; -moz-appearance: none; -webkit-appearance: none; /* 右侧添加箭头阅读全文

posted @ 2020-04-02 15:15 风灵灵阅读(1701) 评论(0) 推荐(0)

用css实现一个三角形的简便方法

摘要：今天在看一个项目源码的时候看到一个快速用css实现三角形的方法，特此记下来。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="tex 阅读全文

posted @ 2020-03-20 20:11 风灵灵阅读(458) 评论(0) 推荐(0)

行内元素与块级元素

摘要：1.行内元素有： a、b、span、img、input、select、strong... 2.块级元素有： div、ul、ol、li、dl、dt、dd、h1~h7、p... 3.常见的空元素： <br>、<hr>、<img>、<input>、<link>、<meta> p元素不能包含任何块级元素（包阅读全文

posted @ 2020-02-20 22:21 风灵灵阅读(310) 评论(0) 推荐(0)

css背景图不显示的问题

摘要：css添加背景图片无法显示，有以下几方面原因： 1、css没有被调用；请检查css调用是否成功。 2、css图片地址不对；请检查css图片地址是否正确。 3、div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。 4、div被嵌套；查看嵌套的div是否设置正阅读全文

posted @ 2019-12-07 09:30 风灵灵阅读(7693) 评论(0) 推荐(0)

父元素不设置高度，由子元素内容撑开无效果的问题

摘要：父元素不随子元素内容撑开可能是子元素设置了浮动，可以通过清除浮动解决这个问题。清除浮动的方法： 1.在父元素上添加overflow:hidden；zoom:1; 2.给父元素设置固定的高度 3.在父div中在添加一个清除浮动的子div<div style=" clear:both;"></div> 阅读全文

posted @ 2019-11-21 16:02 风灵灵阅读(5192) 评论(0) 推荐(0)

align-conten和align-items的区别

摘要：align-conten和align-items之间的区别 align-items: align-items属性适用于所有的flex容器，它是用来设置每个flex元素在侧轴上的默认对齐方式。 align-items和align-content有相同的功能，不过不同点是它是用来让每一个单行的容器居中而阅读全文

posted @ 2019-11-02 20:42 风灵灵阅读(872) 评论(0) 推荐(0)

inline、block、inline-block属性的区别

摘要：转自：http://www.cnblogs.com/Ry-yuan/p/6848197.html 阅读全文

posted @ 2019-10-28 08:51 风灵灵阅读(261) 评论(0) 推荐(0)

css让图片铺满全屏，居中显示

摘要：阅读全文

posted @ 2019-10-15 22:45 风灵灵阅读(2569) 评论(0) 推荐(0)

修改placeholder的样式

摘要：修改placeholder的样式同时考虑兼容性阅读全文

posted @ 2019-10-15 22:37 风灵灵阅读(213) 评论(0) 推荐(0)

风灵灵

随笔分类 - css

公告