css
文章平均质量分 79
啦啦噜啦啦
还是一个无名小卒。
展开
-
css 小问题解决方法整理
1,图片垂直居中:设置包含图片的div:height=20px;line-height=20px。设置图片vertical-align:middle 即可。2,行内块元素有3px bug,可通过设置为块元素解决。典型元素:img input行内元素:内容撑开宽高,宽高随内容变化而变化,不可控制宽高,用于控制字体、颜色。可设置line-height 块级元素:默认撑满行,可设置。原创 2014-10-23 22:37:02 · 1121 阅读 · 0 评论 -
div伪装select下拉列表
html:select美化自定义下拉框样式 - 站长素材*{margin:0;padding:0;}select{outline:none;}ul{list-style:none;}a{text-decoration:none;}select{display: none;}.select_box{font-family: "宋体"; font原创 2014-08-19 16:36:30 · 16480 阅读 · 5 评论 -
css伪装选择图片上传按钮
css伪装选择图片上传按钮原创 2014-08-20 09:35:05 · 4365 阅读 · 0 评论 -
阿里巴巴矢量项目图标制作流程
阿里巴巴图标库:http://www.iconfont.cn/上传自己的icon:点击图标管理->上传图标->查看帮助->点击图标制作模板链接下载模板->打开AI制作->ps图层复制到ai,(Ctrl+c Ctrl+v shift等比缩放)->制作完成->文件存储为svg格式->选项:字体文字选择svg 图像位置为嵌入->上传应用到项目:点击上传的图片->点击购物车->存储为项目->原创 2015-04-24 18:06:19 · 4934 阅读 · 0 评论 -
Html特殊字符编码大全
往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。例如,版权标志符?即是用?或?表示。下面就是以字母或数字表示的特殊符号大全。字母编码数字编码效果说明 - 没被使用 horizontal tab line feed原创 2014-08-20 09:33:00 · 1549 阅读 · 0 评论 -
巧妙用css border属性实现规则图形
首先:一个例子:#div1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px;}此代码的效果图为:中间白色为宽高各为20p原创 2014-12-02 15:36:57 · 1593 阅读 · 0 评论 -
sass语法整理
sass变量$baseColor:#333;引入文件@import ‘style’;@mixin left($value){ margin-left:$value;} .div{@include left(20px)}.div1{ font-size:12px;} .div2{ @extend.div; margin-left:20px;}颜色函数 lighte原创 2015-09-06 16:01:42 · 1782 阅读 · 0 评论 -
flex布局
flexbox布局基于块和内嵌流,由主轴、侧轴作为主导。 注意: 1.css 列(CSS columns)在弹性盒子中不起作用 2.float, clear and vertical-align 在flex项目中不起作用属性介绍适用于伸缩容器(父元素)的属性1. display: flex | inline-flex;flex:将对象作为弹性伸缩盒显示。inline-flex:将对象作为转载 2016-05-05 10:06:57 · 1003 阅读 · 0 评论 -
css 小小tips
css实用小技巧整理原创 2015-03-01 16:00:33 · 986 阅读 · 0 评论