CSS

CSS3多列布局(Multi-column)

多列布局(Multi-column)多列布局就是将文本内容设计成像报纸那样的多列布局。或者说在之前我们通过js或者JQuery才能实现的瀑布流,在CSS3中我们可以直接通过CSS就可以实现,虽然有兼容性上面的问题。。兼容性IE10+、FireFox16+、Chrome26+、Safari6.1+、Op

CSS链接样式

链接是从一个网页到另一个网页的连接,CSS可通过不同属性以各种不同方式来设置链接的样式。一、链接样式链接是网站的重要组成部分,几乎在每个网页上都能看到不少的链接,合理的设计链接的样式能够给网页的颜值加分。链接有四种不同的状态,分别是link、visited、active和hover,

CSS渐变色(颜色渐变)

CSS中的渐变指的是两种或多种颜色之间的平滑过渡,以前我们必须使用事先定义好的图像来实现渐变效果,CSS3为实现渐变效果提供了一种灵活的解决方案。通过CSS3您可以定义三种类型的渐变,分别为线性渐变(通过linear-gradient()函数创建)、径向渐变(通过radial-gradient()函数

CSS滚动条样式(overflow)

网页的设置为了直观,很多时候并不是正好满足一页,例如一些新闻网站,为了使用数据的分页加载,如果想看更多的文字,需要不停的往下滑动,在浏览器的右边会一直存在着一个滚动条,这就是本篇讲解的元素,在网页中当一页无法容纳所有数据的时候,我们经常用overflow进行设定。

CSS伪元素

css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列表中的第一个元素,又或者是鼠标悬停在某个超链接上时要设置的样式。什么是伪元素?伪元素:用于创建一些不在文档树中的元素,并为其添加样式。

CSS盒子模型

在使用CSS进行网页布局时,我们一定离不开的一个东西————盒子模型。盒子模型,顾名思义,盒子就是用来装东西的,它装的东西就是HTML元素的内容。或者说,每一个可见的HTML元素都是一个盒子,下面所说的盒子都等同于HTML元素。这里盒子与盒子模型中的盒子又有点不同,这里的盒子是二维的。

CSS长度单位详细总结

⼀、CSS中的长度单位在CSS中以不少值是以长度作为值的,盒⼦模型的属性就是⼀些明显的值属性:width、height、margin、padding、border。除此之外还有很多的css属性的值同样也是长度值,像偏移量offset、box-shadow的⼤⼩或字体⼤⼩、间距等,

CSS滤镜(filter)

说起滤镜可能大家首先想到的就是PhotoShop之类的制图软件,通过此类软件的滤镜可以对图片进行美化。而在CSS中,我们无需借助任何软件也可以实现很多种滤镜效果,例如模糊效果、透明效果、色彩反差调整、色彩反相等等。另外,通过CSS中的滤镜还能对网页中的元素或者视频进行处理。

CSS阴影效果

css阴影效果是我们经常使用的一个css属性,但你有仔细了解过它吗?是不是用的时候直接从蓝湖上复制过来就行了,那你了解它的每个参数吗?用阴影又能实现哪些好看的效果呢?在网页设计中常常要使用到阴影效果,通过阴影效果可以很好的突出一个元素,在CSS3出现之前,

CSS计数器(counter)

CSS里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的content属性,可能现在很多人仅仅以为content属性的值只支持字符串,除了字符串外常用到的还有uri、counter,今天所要介绍的就是conter(计数器)。