css
-
CSS 高级技巧汇总分享
本文主要和大家分享CSS 高级技巧汇总，使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: grayscale(100%); -we…
-
html和csss实现简单博客代码分享
本文主要和大家分享html和csss实现简单博客代码，希望能帮助大家用HTML和css完成一个简单的博客。 过度动画 -webkit-transition: color 200ms; -o-transition: color 200ms; transition: color 200ms; 阴影 -w…
-
CSS内边距外边距代码详解
本文主要和大家分享css之内边距与外边距，本文运用了多个实例与代码，希望能帮助到大家。 外边距: margin 左边距 margin-left:数值 | autoauto:即距离这个边最远的距离右边距: margin-right:数值 | auto上边距: margin-top:数值 这里不能用au…
-
CSS的Word中的列表详解
在word中，列表也是使用频率非常高的元素。在css中，列表和列表项都是块级元素。也就是说，一个列表会形成一个块框，其中的每个列表项也会形成一个独立的块框。所以，盒模型中块框的所有属性，都适用于列表和列表项。 除此之外，列表还有 3 个特有的属性 list-style-type、list-style…
-
css垂直居中实现代码
本文主要和大家分享css垂直居中实现代码，希望本文css代码能帮助到大家。 1.如果是单行文本, line-height 的值和height相等 案例如下： 立即学习“前端免费学习笔记（深入）”； .verticle{ height: 100px; line-height: 100px;} 2.已知…
-
纯CSS实现波浪移动效果
本文主要介绍了纯css实现波浪移动效果的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。 在某些页面上常常看到波浪的效果，虽然只有装饰的作用，但是却让页面看上去更生动了，同时某些情况下也能起到进度条的作用，而波浪的形式却比普通进度条更美观有趣。 如…
-
DIV CSS规范命名总结
正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍规范命名的方法，感兴趣的小伙伴们可以来看一下。 1. DIV+CSS规范命名集合 我们开发CSS+p网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特…
-
css的hack技术使用汇总
什么是css hack？ 在web开发中，我们经常会遇到各浏览器表现不一致的情况，由于不同厂商的流览器或某浏览器的不同版本，对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个…
-
关于CSS中浮动属性的简单介绍
要介绍css的float浮动属性，就必须先了解一下标准文档流 标准文档流： 在没有css的干预下，块级元素独占一行，可以设置宽高，行内元素并排显示，宽高自动填充。 HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 float浮动属性最开始的用法是实现让目标内…
-
总结css边框实现各种效果的方法
css中可以通过样式来改变边框的样式及颜色等，下面就来分享几篇关于改变边框的方法： 1.CSS深入理解之border视频教程 《CSS深入理解之border视频教程》将深入讲解CSS中的border属性，深入介绍border-color之间的关系，以及border与background定位、bord…
