随笔分类 -  css

css文字强制大写输入
摘要：text-transform 属性控制文本的大小写。 这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。 可能的值 阅读全文
posted @ 2017-07-07 11:24 xiaobei2016 阅读(2909) 评论(0) 推荐(0)
关于input,button标签在苹果手机上显示阴影解决办法
摘要：textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff} 阅读全文
posted @ 2017-06-19 10:29 xiaobei2016 阅读(374) 评论(0) 推荐(0)
clearfix的应用
摘要：之前遇到一个问题，引用Bootstrap框架时 一行显示四个模块，小屏幕时显示两个模块 当内容一样时，大小屏幕时一样的，但是当其中一个和另一个内容不同时，展示效果就会有错乱 后来查了一下资料，原来是没有清除浮动 增加了<div class="clearfix visible-xs"></div> 因 阅读全文
posted @ 2016-11-23 12:12 xiaobei2016 阅读(338) 评论(0) 推荐(0)
按钮在苹果手机显示不正常
摘要：input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 阅读全文
posted @ 2016-08-22 17:46 xiaobei2016 阅读(361) 评论(0) 推荐(0)
鼠标悬停图片放大
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2016-08-01 12:16 xiaobei2016 阅读(180) 评论(0) 推荐(0)
关于高度
摘要：height:auto，是指根据块内内容自动调节高度。height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。 阅读全文
posted @ 2016-07-22 13:49 xiaobei2016 阅读(120) 评论(0) 推荐(0)
复选框css
摘要：input, select, button, textarea{ -webkit-appearance:none; }该属性会导致复选框失去选择效果 阅读全文
posted @ 2016-05-31 18:10 xiaobei2016 阅读(123) 评论(0) 推荐(0)
HTML CSS 特殊字符表（转载）
摘要：转载地址：http://blog.csdn.net/bluestarf/article/details/40652011 转载原文地址：http://zhengmifan.com/news/notebook/801 HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者 阅读全文
posted @ 2016-05-27 10:58 xiaobei2016 阅读(354) 评论(0) 推荐(0)
css特殊字符总结
摘要：< : &lt > : &gt 阅读全文
posted @ 2016-05-27 10:48 xiaobei2016 阅读(151) 评论(0) 推荐(0)
nth-of-type
摘要：ul li{ height:53px; line-height:53px; border-top:1px solid #e5e5e5; display:block;color:#444; } ul li:nth-of-type(1){ border-top:0; } 当只有第一条数据和其他数据不同时 阅读全文
posted @ 2016-05-26 15:34 xiaobei2016 阅读(154) 评论(0) 推荐(0)
垂直居中display:table;
摘要：父级元素 display:table； 子元素 display:table-cell；vertical-align:middle； 阅读全文
posted @ 2016-05-20 12:33 xiaobei2016 阅读(92) 评论(0) 推荐(0)
如何在IE8设置透明背景
摘要：background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);-ms-filter: "progid:DXIma 阅读全文
posted @ 2016-04-01 22:12 xiaobei2016 阅读(663) 评论(0) 推荐(0)
css3延时动画
摘要：不太理解属性都是什么意思，但是有动画效果，我也是惊呆了 阅读全文
posted @ 2016-03-25 15:46 xiaobei2016 阅读(751) 评论(0) 推荐(0)
延时
摘要：transition-delay: 1.2s;css延时属性 阅读全文
posted @ 2016-03-24 17:07 xiaobei2016 阅读(116) 评论(0) 推荐(0)
如何根据屏幕大小改变class的css样式
摘要：/*当屏幕小于1200px*/ @media (max-width:1200px) { ...}此处针对所有小于1200px屏幕的css属性。 /*当屏幕小于1200px且大于992px*/ @media (min-width: 992px) and (max-width: 1200px) {...}此处针对992~1200px屏幕的css属性，当屏幕小于992时会继续引用默认的css属性... 阅读全文
posted @ 2016-03-24 17:05 xiaobei2016 阅读(1837) 评论(0) 推荐(0)
（一）css代码积累
摘要：1.透明度设置 90%透明：filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90; 80%透明：filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-o 阅读全文
posted @ 2016-03-16 14:31 xiaobei2016 阅读(563) 评论(0) 推荐(0)