css
wangle_style
这个作者很懒,什么都没留下…
展开
-
安装sass
sass 是一个 css 的预处理器, 简写css, 以及CSS的导航, sass 基于 ruby, 需要先安装 ruby 然后在安装 sass安装 Ruby目的是 安装 sass, 可以快速的访问本地源安装windows使用 rubyinstall 安装 ruby官方网站: http://rubyinstaller.org/mac自带c翻译 2017-10-29 17:04:47 · 670 阅读 · 0 评论 -
compass常用模块总结
1:首先要知道compass中内置的是有五大模块:reset--css3--layout--typography--utilities,当然自己也可以写模块或者添加第三方模块(1)reset模块:@import "compass/reset"; //reset模块,重置浏览器的默认样式有时不需要进行全局的样式重置,可以单独重置某一块reset-html5原创 2017-11-04 14:34:34 · 875 阅读 · 0 评论 -
sass常用的功能
sass常用的功能:1:变量赋值 2:嵌套:(1.选择器嵌套 2.属性嵌套) 3:混合:@mixin center-block { margin-left:auto; margin-right原创 2017-11-04 15:23:27 · 2374 阅读 · 0 评论 -
美化input type="file"的样式
原理:将原来的样式隐藏,然后自己写css和jshtml部分: 上传图片 css样式部分:.file-input{ line-height:30px; position:relative; margin-top:10px;}.file-input .input-container{ width:100翻译 2017-11-28 14:54:20 · 1450 阅读 · 0 评论 -
纯css,div隐藏滚动条,保留鼠标滚动效果。
当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div设置overflow:hidden。 而内容div设置 overflow-y:转载 2017-12-05 12:13:25 · 240 阅读 · 0 评论 -
自己修改select的样式(修改select右边的小三角)
CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。[html] view plain copyselect { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默转载 2017-12-05 14:04:36 · 1646 阅读 · 1 评论 -
css媒体查询来兼容
1,判断ipad:@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){ 样式}2,判断ipad横屏:@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and(orientat...原创 2018-04-04 16:08:03 · 659 阅读 · 0 评论