css

通常的清除默认样式： *{ margin:0; padding:0}li{ list-style:none}img{ vertical-align:top; border:none} （推荐教程：CSS教程） 设置默认字体 body,button, input, select, textarea /…

方法一：利用裁剪（该方法ie下不支持） 利用裁剪 clip-path: polygon（），直接画出一个三角 唯一一点需要算出大致百分比就可以画出来   .nav-box { display: flex; list-style: none; font-size: 14px; } .nav-box l…

首先，我们来看一下效果： 这个效果实现原理很简单：只要你掌握css3动画和过渡相关知识就行，不用js代码； （推荐教程：CSS入门教程） HTML代码： 立即学习“前端免费学习笔记（深入）”； 国际美妆抢先看 @@##@@ 女神标准大讨论 @@##@@ 吃货也能越吃越瘦 @@##@@ 连衣裙抢头条 …

white-space 属性 CSS 提供了一个white-space属性，可以提供更精确一点的空格处理方式。该属性共有六个值，除了一个通用的inherit（继承父元素），下面依次介绍剩下的五个值。 1、white-space: normal white-space属性的默认值为normal，表示浏…

目标： 把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。 （推荐教程：CSS入门教程） 实例： document #demo{ position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50…

CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。      ( 推荐学习：CSS入门教程 ) 定位的基本思想…

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。 CSS margin 属性                                         ( 推荐学习：C…

我们能够以不同的方法为链接设置样式。 设置链接的样式                          ( 推荐学习：CSS入门教程 ) 能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。 链接的特殊性在于能够根据它们所处的状态来设…

设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。 元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 CSS 绝对定位                  …

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动，在 CSS 中，我们通过 float 属性实现元素的浮动。                      ( 推荐学习：CSS…