好文分享

在做网页美化的时候，都会用到图片居中，那你知道在CSS中有哪三种使图片居中的方法吗？下面我们一起看看吧。 1.利用display:table-cell，具体代码如下： html代码如下： 　　@@##@@ css代码如下： .img_wrap{ width: 400px; height: 300px…

css优化，提高性能的方法： （推荐教程：css快速入门） 避免过度约束 避免后代选择符 避免链式选择符 立即学习“前端免费学习笔记（深入）”； 使用紧凑的语法 避免不必要的命名空间 避免不必要的重复 最好使用表示语义的名字。一个好的类名应该是描述他是什么，而不是像什么 避免！important，可…

今天在做一个登录界面的时候，由于视觉给的页面背景图片太鲜艳亮眼，导致页面中间的登录表单框很不显眼，效果很差。就想到了做成毛玻璃的效果，现在分享出来，大家一起看看吧。 页面结构如下： 由于之前用过CSS filter属性，在属性值中使用blur()函数可以起到毛玻璃效果，所以我有2个思路来实现突出登录…

现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站ui，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由css来实现的。 所以CS…

一、CSS3弹性盒子 弹性盒子是CSS3的一种新布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分…

:before 和 :after 这两个伪元素，是在css2.1里新出现的。 （推荐教程：css快速入门） 起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，单冒号表示伪类，伪元素的语法被修改成使用双冒号，成为::before ::after。伪元素并不存在与dom中，只…

我们在编写CSS样式的时候，往往或遭遇CSS样式的修改或者界面设计的变更，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。 这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来…

隐藏元素的方法： （推荐学习：css快速入门） display：none 隐藏对应元素，在文档流中不再给他分配空间，各边元素会合拢但是资源会加载，DOM可以访问。 visibility：hidden 隐藏对应元素，但是在文档流中保留原来的空间，资源会加载。 opacity：0 可以点击，占据空间，可…

许多同学都在问CSS如何兼容ie浏览器，下面我就来介绍一下css兼容ie的写法，大家一起来看看，如有错误和不足，欢迎指出。 width:auto;是宽度自动的意思。 9是hack css 的一种写法，这种在正常css代码后面加”9″的方式，只有IE浏览器才能识别，其他浏览器会…

css常用代码大全 html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。 一.文本设置 1、font-size: 字号参数  立即学习“前端免费学习笔记（深入）”； 2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 color: 参数 …