滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页...

1. 利用text-align实现行内元素居中行内元素居中就很简单，只需要设置一下元素的text-align和行高 .box { height: 300px; width: 300px; ...

单行文本溢出显示省略号(…)如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 三行代码实现方法： overflow: hidden; /* 超出隐藏...

在进行网页排版时，遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的问题， 该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳， 供大家参考。 ...

Grid 网格布局介绍CSS 网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。 像表格一样，网格布局让我们能够按行或列来对齐元素。 然而在布局上，网格比表格更可能做到或更简单。 例...

利用flex布局进行仿写移动端苏宁易购首页 完善移动端京东首页 http://easys.ltd/jd/仿写移动端苏宁首页 http://easys.ltd/sn 首页代码index.html

flex弹性盒模型 flex 属性众多,记住以下几个就够用了,尽可能使用简写 1. 术语 容器: 具有display:flex属性元素项目: flex 容器的”子元素”主轴: 项目排列的轴线交叉轴: 与主轴垂直的轴线 2. 容器属性 序号 属...

css中，min-width是用来限制元素的最小宽度，max-width用来限制元素的最大宽度，也就是说当元素的width大于max-width,或者小于min-width。就被它们的值所代替，尤其适用于网站的自适应。下面将具体介绍下关于min-,m...

复习position定位属性制作一个遮罩模态框

初步认识盒模型前言盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域一个盒子中主要的属性...

1.初识 CSS 简介CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS以HTML为基础，提供了丰富的功能，...