CSS

CSS轮廓(outline)

CSS轮廓(outline)1.概念轮廓(outline)是绘制在元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个a标签链接或者一个input的单选框获……

CSS3中3D转换形式

CSS3中3D转换形式CSS3D转换在CSS中,除了可以对页面中的元素进行2D转换外,您也可以对象元素进行3D转换(将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作)。与2D转换相同,3D转换同样不……

CSS选择符

CSS选择符CSS:是CascadingStyleSheet的缩写,译作【层叠样式表单】,是一组格式设置规则。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的组成:CSS的定义是……

CSS定位的五种方式(position)

CSS定位的五种方式(position)CSS中的position属性用来设置元素在页面中的位置,通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素……

CSS伪元素

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

CSS链接样式

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

CSS弹性布局/弹性盒子(flex布局)

CSS弹性布局/弹性盒子(flex布局)flex是flexiblebox的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex&……

CSS外边距属性(margin)

CSS外边距属性(margin)一、CSS外边距属性(margin)属性描述margin简写属性。在一个声明中设置所有边距属性margin-bottom设置元素的下外边距属性margin-left设置元素的左外边距属性margin-……

CSS精灵图(sprite)

CSS精灵图(sprite)一、什么是精灵图?当用户访问一个网站时,浏览器会向服务器发送一系列请求,比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而,一个网页中往往包含大量的图像资源(例如在页面中展示的图片、网页……

超链接标签的CSS伪类

超链接标签的CSS伪类由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。CS……