随笔分类 - CSS3
摘要：一、基本信息 写法：（两个写法效果没有区别） display:box display:inline-box 相似属性：display: flex; 浏览器兼容性：需要加浏览器内核前缀 二、属性 浏览器兼容性：需要就浏览器内核前缀，下面以-webkit-为例 1、垂直、水平显示 水平写法：-webki
阅读全文
posted @ 2017-12-13 15:31
念念念不忘
摘要：一、border-image——背景图片 写法： border-image:图片地址 上下裁切数 左右裁切数 描述：将边框的背景图裁切成九宫格，紫色为上下裁切数，蓝色为左右裁切数，裁切数没有单位 边框宽度：border-width:1px;
阅读全文
posted @ 2017-12-12 16:40
念念念不忘
摘要：一、基本信息 描述：边框的圆角 写法：boeder-radius:参数; 二、参数 1、参数个数 （1）一个参数：边框的四个角 （2）两个参数：左上右下 左下右上 （3）三个参数：左上 右上左下 右下 （4）四个参数：左上 右上 右下 左下 2、参数单位 （1）% （2）px 3、XY轴半径 写法：
阅读全文
posted @ 2017-12-12 15:57
念念念不忘
摘要：继承：父级加了透明度，子元素也会继承透明的属性 兼容性： 标准浏览器： opacity:0~1 IE6、7浏览器： filter:alpha(opacity=0~100) IE6 / 7 / 8背景色透明度失效的解决办法：
阅读全文
posted @ 2017-11-23 10:40
念念念不忘
摘要：参数含义： padding:10px——上、右、下、左 padding:10px 20px——上下、左右 padding:10px 20px 30px——上、左右、下
阅读全文
posted @ 2017-11-15 15:25
念念念不忘
摘要：描述：强制文字是否换行 写法： white-space:normal自动换行 white-space:nowrap强制不换行
阅读全文
posted @ 2017-11-15 14:59
念念念不忘
摘要：写法：font：粗细 样式 大小/行高 字体 书写顺序：需要按照顺序书写 PS测量字体大小：应该测量设计稿的纵向距离为文字的实际大小，因为横向右边可能会有1px的空余
阅读全文
posted @ 2017-11-15 14:33
念念念不忘
摘要：不写行高：不写行高默认是与border上下1px距离 文字垂直居中：line-height与height相等时，文字垂直居中 行高为奇数：文字上方的距离比下方少一个像素 行高为偶数：上下距离一样
阅读全文
posted @ 2017-11-15 14:24
念念念不忘
摘要：边框形状：边框是一个非矩形，根据边框的大小决定形状，如果width、height大的话是梯形，如果width、height为0是三角形 三角： 正常：
阅读全文
posted @ 2017-11-15 14:06
念念念不忘
摘要：1、如果li设置了float:left; 解决办法： 1、ul父元素的标签设置：text-align: center; 2、ul设置： display: inline-block; 2、li不设置float:left; 解决办法： 1、ul设置： text-align:center; 2、li设置：
阅读全文
摘要：1、position:absolute下不生效 原因：position:absolute只能相对于父元素进行定位top、left定位，相当于浮在父元素上面，所以margin:0 auto;就没有了参考值
阅读全文
摘要：一、参数个数 2个：上下 左右 3个：上 左右 下 4个：上 右 下 左 二、auto值的含义 margin-left:auto;——靠最右侧显示，无论怎么调整窗口大小 margin-right:auto;——靠最左侧显示，无论怎么调整窗口大小 margin:0 auto;——居中显示，无论怎么调整
阅读全文
posted @ 2017-04-05 18:24
念念念不忘
摘要：一、块元素 写法：display:block 块元素的特征： 1、没有宽度时，默认撑满一行 2、支持所有css命令 3、自带换行，默认占一行 二、内联元素 写法：display:inline 内联元素特征： 1、同排，一行可以有多个同类标签 2、内容撑开宽度 3、不支持宽高 4、不支持上下的marg
阅读全文
posted @ 2017-04-05 16:15
念念念不忘
浙公网安备 33010602011771号