CSS

CSS伪类选择器和伪元素选择器的区别

伪类和伪元素的区别(1)类,用户定义的类名,这个类是具体的,看得见的,如div.div0,选择具有类div0的div元素。(2)伪类,用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上,而是作用在标记的状态上,如a标签的:hover,表单元素的:disabled。

CSS调节元素大小(resize)

resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize:none|both|horizontal|vertical;语法说明如下:●none:用户无法调整元素的尺寸;●both:用户可调整元素的高度和宽度;●

CSS浮动(float)

一、传统网页布局的三种方式网页布局的本质:用CSS来摆放盒子,把盒子摆放到相应位置。CSS提供了三种传统布局方式(简单说就是盒子如何进行排列)。(1)普通流(标准流)(2)浮动(3)定位这里指的只是传统布局,其实还有一些特殊高级的布局方式。二、标准流(普通流/文档流)所谓的标准流:就是标签按照规定好的

CSS滤镜(filter)

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

CSS渐变色(颜色渐变)

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

超链接标签的CSS伪类

由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果。

CSS3中3D转换形式

CSS3D转换在CSS中,除了可以对页面中的元素进行2D转换外,您也可以对象元素进行3D转换(将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作)。与2D转换相同,3D转换同样不会影响周围的元素,而且可以与其它元素重叠。

CSS伪元素

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

CSS基本语法格式

CSS(CascadingStyelSheet)是控制Web页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习css的基本语法格式。一、CSS定义规则层叠样式表是一个完全的纯文本文件,通常以“css”为扩展名作为单独的文件来使用,

CSS元素堆叠(z-index)

因为我们直观的以为HTML网页是二维平面,因为文本、图像或其他元素都是按照顺序排列,但,实际的网页是三维立体的,元素之间可能会发生堆叠(重叠),可以通过CSS中的z-index属性来设置元素的堆叠顺序。1.z-index属性的含义一个元素在文档中的层叠顺序,用于确认元素在当前层叠上下文中的层叠级别。