盒子背景 盒子背景：content padding 特殊的 boder 背景 背景绘制 从 padding 开始绘制 背景裁剪 background-clip（默认值 border-box） 特殊： 在指定文字背景时 -webkit-background-clip: text; 可选值： borde ...
分类：
Web程序 时间：
2018-11-10 12:52:13
阅读次数：
252
首先 我是借用了yo框架的border和他的媒体查询组合 这两个分别是在yo>lib>core>classes>_border.scss(用来获取yo框架封装的border) yo>lib>core>variables.scss(用来获取媒体查询的规则) 然后根据stylus语法修改拿到的borde ...
分类：
移动开发 时间：
2018-11-03 02:18:09
阅读次数：
212
最近看到别人代码有用到box-sizing属性，自己没用过，记录一下 box-sizing:border-box 指定宽度和高度（最小/最大属性）确定元素边框box 理解：假设宽高为100px，设置了padding 10px,border 10px，内容尺寸会变小，相当于用padding和borde ...
分类：
其他好文 时间：
2018-10-18 18:52:55
阅读次数：
139
盒模型 1.定义 2.盒模型成员介绍 content 通过设置width与height来规定content 块级标签可以设置自身宽高,默认宽为父级宽(width=auto),高为自动(由内容撑开) 内联标签不可以设置自身宽高,默认均为自动(由内容撑开) border border(边框)由borde ...
分类：
Web程序 时间：
2018-09-25 20:36:01
阅读次数：
154
在初级学CSS样式的觉得好多，记不了那么多，结果我也整合了一份在开发中经常用上的。方便大家一起学习，与交流 样式开始最常见的是*号， 这里的“*”号是通配符，即指，网页html中所有标签意思。在*定义的属性，一般是设置页面一些固定的属性，比喻，字体大小，也字体样式这种。 从边框说起： 1.borde ...
分类：
Web程序 时间：
2018-01-06 17:56:29
阅读次数：
254
1. <html><head><style type="text/css"> p{text-align:justify; text-indent:2em; display:block; } div{width:200px;height:200px; border-style:solid; borde ...
分类：
其他好文 时间：
2017-11-11 14:16:48
阅读次数：
189
# 移动端开发### 1. 1px问题如何解决 #### ①伪类 + transform（比较完美）> 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 borde ...
分类：
移动开发 时间：
2017-11-09 19:50:25
阅读次数：
227
1.认识CSS的 盒子模型。 2.CSS选择器的灵活使用。 3.实例: 1.div.img：border,margin,width,float 2.div.img img：width，height 3.div.desc：text-align,padding 4.div.img:hover：borde ...
分类：
Web程序 时间：
2017-10-20 21:40:34
阅读次数：
331
1.认识CSS的 盒子模型。 2.CSS选择器的灵活使用。 3.实例: 1.div.img：border,margin,width,float 2.div.img img：width，height 3.div.desc：text-align,padding 4.div.img:hover：borde ...
分类：
Web程序 时间：
2017-10-20 21:33:51
阅读次数：
192
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> label{display: block;margin: 20px;} #box{width: 260px; height: 50px; borde ...
分类：
其他好文 时间：
2017-08-19 15:47:54
阅读次数：
157
