CSS（Cascading Styel Sheet）是控制 Web 页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习css的基本语法格式。一、CSS定义规则层叠样式表是一个完全的纯文本文件，通常以“css”为

圆角图片手风琴效果

做网页设计时经常要用到各种形状的图形，对于规则的图形很简单，但是对于不规则的图形，一般我们都是用图片来切图实现。不过今天给大家分享几十种看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。

由于浏览器的缓存机制，服务器端修改CSS或JS文件后，用户端不会立即生效，一般需要用户按F5或Ctrl+F5强制刷新，或者等浏览器缓存过期后自动更新。自V9.0，系统在根目录version.inc.php里定义了DT_REVISOR常量来控制C

《CSS在线手册》为官方CSS在线参考手册，本CSS在线开发手册包含了各种css属性、定义、使用方法，实例运行等，是WEB编程学习及开发者不可或缺的在线查询手册！CSS：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）。

《CSS3最新版参考手册》为官方CSS3在线参考学习手册，本css3在线开发手册包含了各种css3属性、语法、定义、使用方法，实例运行等，是网页前端学习者及开发者不可或缺的在线查询手册文档！注：CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的，这些模块包括： 盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。

使用 display: flex; 布局时，可以通过设置 justify-content: space-between; 属性将子元素两端对齐。

要使指定的 div 元素慢慢旋转180度，可以使用CSS中的 animation 属性。具体步骤看详情

以下是一个简单的示例弹窗的 HTML、CSS 和 JavaScript 代码，这个弹窗的样式和动作分别由 CSS 和 JavaScript 控制。当页面加载完毕后，自动运行

outline 属性在默认情况下是不支持圆角设置的，但可以通过 box-shadow 属性来模拟出类似于带有圆角的 outline 效果。以下是示例代码：

CSS选取第几个标签元素：nth-child(n)、first-child、last-child,nth-child（n）、first-child、last-child用法注：nth-child(n)选择器匹配父元素中的第n个子元素。 n可以是一个数字，一个关键字，或者一个公式

其实在CSS中，是可以用减法的，看详情学方法

最近在写项目中用到swiper做tab切换，因每个tab页的内容不一样，有的内容多，就会高一些，而有的内容少，会出现白屏，所以需要自适应高度，根绝官方API在swiper中添加 autoHeight: true ，但是并没有什么作用，第一

用display隐藏时，transition过渡不生效，所以我们需要使用animation动画生效

这个技术简单，在公共css文件中加入以下代码即可

当我们在浏览各大电商网站时，最常见的图片动态效果，应该就是鼠标移入图片即悬停在图片时出现放大的效果了