MPFLY的博客

轮廓 outline边框外的一条线。 marginmargin：外边距，没有背景色，完全透明。可以使用负值。 margin:2px 2px 2px 2px； 分别代表上右下左。paddingpadding，我习惯叫他内边距，其实叫做填充。 定义了元素边框和元素内容之间的距离。 当padding消失时，所释放的区域将会由元素背景色填充。 padding :2px 2px 2px 2px； 分

转自：张鑫旭的博客一、虚线边框滚动动画兼容IE10+<div class="box"> <div class="content">内容占位</div></div> .box { width: 200px; background: repeating-linear-gradient(135deg, trans...

转自：张鑫旭的博客实现虚线-渐变-边框有以下两种方法第一种方法： 反向镂空代码如下：html:<div class="box"> <div class="content"> </div></div>css:.box { widt

解决办法：在http://css3pie.com/页面下载一个PIE.htc的文件，加载到根目录下，然后在css中加上一句behavior:url(../js/PIE.htc); 例子如下：.border_radius { border:1px solid #000; -moz-border-radius:15px; -webkit-border-ra...

颜色渐变颜色渐变菜鸟教程background-image: linear-gradient(65deg, #3EB0BA 0%, #3692B8 100%);修改placeholder样式input::-webkit-input-placeholder{ color: #A9A9A9; font-size: 14px; letter-spacing: 1px;}input

border/*缩写前*/element{ border-top-width:1px; border-top-style:solid; border-top-color:#cccccc;}element{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-rig

准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 这段代码的几个参数解释：width = device-width：宽度等于当前设备的宽度initial-scale：初始的缩放比例（默认设置为1.0） minimum-scale：允许用户缩放到的最小比例（默认设置为1.0） maximum-scale：允许用户缩放到的最大比例

第一点：自适应的目的是在不同分辨率的不同设备上面显示相同的页面。 手机的屏幕比较小，宽度通常在600像素以下，pc的像素一般在1000像素以上，部分配置高的笔记本在2000像素以上的也有，同样的页面要显示在不同的设备上面，还要呈现出满意的效果，不是一件容易的事情。因此就有人想出了一个办法，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕的宽度，自动调节网页的内容大小，但是

块级：display:block; 行内：display:inline; 可以通过修改display属性来切换块级元素和行内元素1.块级元素 block element 每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素； 块级元素一般作为容器出现

（内联样式，写在标签内部）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式。 如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式权重 计算：内联样式表的权值最高 1000；ID 选择器的权值为 100Class 类选择器的权值为 10HTML 标签选择器的权值为 1CSS中

-webkit-appearance:none;-moz-appearance: none;outline: 0;height: 25px;border-radius:4px;border:1px solid white;

最近看了一篇张鑫旭的博客，觉得人家的想法特别奇特，很值得学习。遂借鉴学习并记录一下，以备不时之需。原文地址：伪类匹配列表数目实现微信群头像CSS布局的技巧简介我们在使用微信群聊的时候，群聊的头像，是所在在群聊中的人的头像的一个组合。随着群聊成员数量的不同，群聊头像的样式也不一样。下面就是使用伪类来实现这样一个功能，让其样式随着数量的变化而变化。以下是代码：ul{ padding: 0...