随笔分类 -  CSS

css/js(工作中遇到的问题)-2
摘要："例子" 判读 返回的状态码 要团队约定;一般删除成功返回204，其他成功返回200; css自适应 设置高度自适应 居中 设置背景图片 一个屏障效果 常用的正则验证 "例子" 一个css书页折叠效果原型 ... 阅读全文
posted @ 2015-11-09 17:18 JinksPeng 阅读(192) 评论(0) 推荐(0)
css随记02布局
摘要：布局 二栏布局 利用 利用 利用 ,注意它可能会存在空格, "原因与解决方法" 设置百分百和 ,必要的时候添加 自适应时二栏布局变一栏布局 二栏及多栏布局的一些新的属性: 阅读全文
posted @ 2015-10-17 17:27 JinksPeng 阅读(120) 评论(0) 推荐(0)
css随记01编辑技巧,背景与边框
摘要：代码优化 一个按钮的例子,使其值同比例变化; 让 随着 自动变化; 让 随着其继承的 变化而自动变化; 对于大多扩展的值，设置单位 ，使其随着 等比变化 同时注意一些固定的值,仍使用 固定; 按钮上设置了多种颜色,之后要修改或重用会变的比较麻烦; 为了使颜色更容易变化,把 一种渐变色设置为背景同色， 阅读全文
posted @ 2015-10-13 18:17 JinksPeng 阅读(274) 评论(0) 推荐(0)
css/js(工作中遇到的问题)
摘要：移动设备点击时去掉外加的蓝色边框 获取宽高(这里附加了适配) 编辑placeholder 不保存搜索记录 "元素宽高" 获取 判断溢出 github分支命名 样式修改: 'style'; 功能添加: ; 问题修复: ; 其他修... 阅读全文
posted @ 2015-07-03 13:49 JinksPeng 阅读(269) 评论(0) 推荐(0)
css整理－06 表和列表
摘要：表格式化 表布局 以行为主 css将其表模型定义为以行为主，即假设创作人员创建的标记语言会显示声明行；如果没有会自动添加 列 列和列组只能接受4种样式 :只有当 属性值为 时才能为列和列组设置边框 :只有当单元格及其行有透明背景时，列和列组的背景才可见 :定义了列和列组的最小宽度 : 如果一个列或列 阅读全文
posted @ 2015-05-13 22:19 JinksPeng 阅读(156) 评论(0) 推荐(0)
css整理－05 边框,背景和浮动，定位
摘要：边框 样式:border style 最不可预测的是 ,这都是由用户代理决定的 可以每边设置不同样式 宽度 颜色 简写 当三个一起简写的时候，没有顺序 背景 背景图片：background image 背景默认是不继承的；但可以使用 来继承 重复: background repeat 位置: bac 阅读全文
posted @ 2015-05-13 14:16 JinksPeng 阅读(274) 评论(0) 推荐(0)
css整理－04 基本视觉格式化
摘要：基本框 假定每一个元素都会生成一个火多个矩形框，为元素框 元素框中心有一个内容区，周围有内边距，边距和外边距 内容的背景会应用到内边距，外边距是透明的，可以看到父元素的背景 内边距不能是负值，外边距可以 包含块 每个元素相对于其包含块摆放，包含块就是一个元素的布局上下文 包含块是由最近的块级祖先框， 阅读全文
posted @ 2015-05-12 19:56 JinksPeng 阅读(175) 评论(0) 推荐(0)
css整理－03 文本
摘要：缩进和水平对齐 缩进文本：text indent 可以设置为负值 可以为所有块级元素应用，但无法应用到行内元素，图像之类的替换元素； 水平对齐: text align 只应用到块级元素 垂直对齐 行高: line height 指的是文本行基线之间的距离，而不是字体的大小；它确定了将各个元素框的高度 阅读全文
posted @ 2015-05-12 13:29 JinksPeng 阅读(188) 评论(0) 推荐(0)
css整理－02 颜色和字体
摘要：颜色 命名颜色 RGB指定颜色 数值: 0 255 百分比 三元组：红绿蓝 16进制RGB web安全颜色 在256色计算机系统上总能避免抖动的颜色 表示为rgb值20%和51的倍数 web安全色的简写16进制是0,3,6,9,C,F 长度单位 绝对长度单位 实际中几乎不使用 相对长度单位 印刷度量 阅读全文
posted @ 2015-05-11 22:29 JinksPeng 阅读(155) 评论(0) 推荐(0)
css整理－01选择器和继承
摘要：元素 元素形式： 替换，非替换 元素类型： 块级，行内 列表是特殊的块级元素，它会生成一个标记符 样式表 候选样式表： rel='alternative' @import导入样式表，必须在style的开头；结构可以为 阅读全文
posted @ 2015-04-12 09:20 JinksPeng 阅读(168) 评论(0) 推荐(0)
css3 总结03
摘要：* ###box-flex: 设置或检索弹性盒模型对象的子元素如何分配其剩余空间。###``` a b c#box{display:box;width:240px;height:100px;margin:0;padding:10px;list-style:none;}#box li:nth-chil... 阅读全文
posted @ 2015-02-18 16:52 JinksPeng 阅读(164) 评论(0) 推荐(0)
css布局2
摘要：##居中* 常用居中 ```csselemP{ text-align: center; }elelmP elemC{ display: inline-block; }``````csselemP{ display: table; margin-left: auto; margin-r... 阅读全文
posted @ 2015-02-18 12:18 JinksPeng 阅读(172) 评论(0) 推荐(0)
css布局1
摘要：![](http://images.cnitblog.com/blog/676883/201502/181204346272621.jpg)**body**``` Holla Channels Developers Sales Marketing ... 阅读全文
posted @ 2015-02-18 12:05 JinksPeng 阅读(151) 评论(0) 推荐(0)
css3 总结01
摘要：###前缀###* chrome: -webkit-* safari: -webkit-* firefox: -moz-* ie: -ms-* opera: -o-**书写的时候应该先用有前缀的样式，再用无前缀的样式**###颜色###* rgb(red, green, blue);* rgba(r... 阅读全文
posted @ 2015-02-17 12:46 JinksPeng 阅读(156) 评论(0) 推荐(0)
css:删除：×的效果
摘要：常常要使用的显示删除效果： DEMO 阅读全文
posted @ 2014-10-01 18:17 JinksPeng 阅读(313) 评论(0) 推荐(0)