css
涛锅
记性不太好
展开
-
[jQuery][css]通过$("#id").width();设置元素宽度在火狐无效
类似如下代码,chrome下正常,可是在Firefox却总是不对$("#id").width(100);解决方案:$("#id").css('width','100px');原创 2015-05-11 14:05:19 · 2171 阅读 · 0 评论 -
[CSS]一些常用命名单词
经常会对 Class 命名感到头疼,现做一些简单记录吧。 Name Description avatar 用户头像原创 2015-11-24 10:20:44 · 962 阅读 · 0 评论 -
[CSS]图片水平排列并且有固定间隔
相信大家肯定都碰到过这样的需求:可能设计图是这样的 先来简单分析一下这里的几点要求八张图片水平排列图片之间固定间隔图片大小相同总宽度100%demohtml<div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div cla原创 2015-10-13 15:33:55 · 29259 阅读 · 1 评论 -
[html][css]我的编码习惯
首先是要有一个.container来控制内容显示大小,所有的内容(文本,图片)都必须在此类之下(除非特别设计)其次.container也要有一个父元素.bg,百分百宽度,主要用来显示背景色类似是这样,以一个header为例吧,内容块宽度1280,背景灰色百分百宽度<div class="bg bg-header"> <div class="container"> <nav>原创 2015-06-05 10:08:59 · 406 阅读 · 0 评论 -
[CSS]透明色,渐变
颜色 要表示一个白色有如下几种方法#ffffff (建议使用缩写 #fff )rgb(255,255,255)white一个半透明的白色rgba(255,255,255,.5)渐变 表示从左到右,由黑变白的渐变linear-gradient(left,#000,#fff) 当然,可以再添加颜色linear-gradient(left,#000,#fff,#f00) 更可原创 2015-05-22 16:34:25 · 2150 阅读 · 1 评论 -
[css]组件设计
首先指定角色 通过 .base 指定这是一个什么组件例如 : .btn 表明该元素为一个按钮,.progress 表明该元素为一个进度条赋予样式 通过 .style 给该组件赋予指定样式例如: .lg 指定大尺寸, .warning 指定情景(其实也就是颜色)综合示例 <button class="btn lg warning">删除</button> 一个用于警告的,大原创 2015-05-21 15:36:38 · 394 阅读 · 0 评论 -
[CSS]滤镜效果
-webkit-filter:blur(5px); //模糊,此处为5像素-webkit-filter:sepia(0.5); //叠加褐色,取值范围0-1,此处表示50%的褐色-webkit-filter:brightness(0.5); //亮度,取值范围0-1,5倍亮度(数字为0时为正常样式,为1时表示的是100%亮度,无法看到图片)-webkit-filter:hue-rotat原创 2015-05-05 15:49:33 · 427 阅读 · 0 评论 -
[CSS]各种居中对齐方案
水平方向垂直方向水平垂直后续更新~原创 2015-04-30 10:54:08 · 505 阅读 · 0 评论 -
[CSS]自己的一个标准写法?
一直想写一个自己的框架,但真的太费时间了。就像现在,我都不知道怎么表达出来。尺寸.lg{ padding:8px 16px; border-radius:6px; font-size:1.2em;}.md{ padding:5px 10px; border-radius:4px; font-size:1em;}.sm{ padding:2p原创 2015-05-04 11:59:39 · 466 阅读 · 0 评论 -
[TagCss]列表元素写法规范
List应用场景列表元素通常指的是 ul ol 两个元素,当然其他有列表关系的元素也可以。命名规则先定义列表的样式名 list-[name],放在 ul ol 元素上再定义列表元素的样式名 item-[name],放在对应的 li 元素上基本实例<ul class="list-users"> <li class="item-1">Tom</li> <li class="item原创 2015-11-30 14:44:55 · 539 阅读 · 0 评论