CSS

CSS定位的五种方式(position)

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

CSS字体样式(font)

CSS字体样式(font)除了好看的背景和颜色外,字体设置也是网页设计中的重要组成部分,合适的字体不仅会使页面更加美观,也可以提升用户体验。CSS中提供了一系列用于设置文本字体样式的属性,比如更改字体,控制字体大小和粗细等等。……

CSS动画(animation)

CSS动画(animation)通过之前的学习我们知道,利用transition属性可以实现简单的过渡动画,但过渡动画仅能指定开始和结束两个状态,整个过程都是由特定的函数来控制的,不是很灵活。本节我们再来介绍一种更为复杂的动画&md……

CSS精灵图(sprite)

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

CSS基本语法格式

CSS基本语法格式CSS(CascadingStyelSheet)是控制Web页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习css的基本语法格式。一、CSS定义规则层叠样式表是一个完全的……

CSS透明度(opacity)

CSS透明度(opacity)通过rgba()、hsla()可以设置颜色的透明度,但是它们只能在定义颜色的同时设置透明度,无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法:一、CSSrgba()设置颜色透明度语法:rg……

CSS 尺寸/宽高属性(width/height)

CSS 尺寸/宽高属性(width/height)CSS尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS中提供了width、height、max-width、min-width、max-height和min-heig……

CSS响应式布局(自适应布局)

CSS响应式布局(自适应布局)什么是响应式布局?响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。在移动互联网高度发达的今天,我们在桌面浏览器上开发的网页已经无法满足在移动设备上查看的需求。传统的开发方式是PC端开发一套页面,……

CSS元素堆叠(z-index)

CSS元素堆叠(z-index)因为我们直观的以为HTML网页是二维平面,因为文本、图像或其他元素都是按照顺序排列,但,实际的网页是三维立体的,元素之间可能会发生堆叠(重叠),可以通过CSS中的z-index属性来设置元素的堆叠顺序……

CSS格式化文本

CSS格式化文本通过CSS提供的几个属性,可以非常轻松有效地定义各种文本样式,例如颜色、对齐方式、间距、装饰、转换等。常用的文字属性有:text-align,text-decoration,text-transfor……