CSS3-新增的属性,CSS的标准文档流,web开发服务器
CSS3 在布局、视觉效果和动画等方面增加了许多新的属性。以下是一些常见的 CSS3 新增属性:
布局相关:
- Flexbox:
display: flex;
或display: inline-flex;
- Grid:
display: grid;
或display: inline-grid;
- Flexbox:
视觉效果:
- 阴影:
box-shadow
- 圆角:
border-radius
- 渐变:
linear-gradient
或radial-gradient
- 变换:
transform: translate(x, y) rotate(angle) scale(x, y);
- 阴影:
动画:
@keyframes
定义动画序列animation
应用动画到元素上
选择器:
- 属性选择器:例如
[type="text"] { background: yellow; }
- 结构性伪类:例如
p:first-of-type
选择其父元素的首个<p>
元素
- 属性选择器:例如
文字与字体:
text-shadow
@font-face
自定义字体
多列布局:
column-count
指定列数column-gap
指定列与列之间的间隙
过渡效果:
transition
指定过渡效果
CSS 标准文档流是指浏览器按照从左到右、自上而下的方式排列元素。在 CSS 中,可以通过浮动(float)、定位(position)等方式打破这种流。
Web 开发服务器是一种在开发过程中使用的服务器,用于提供网站内容。常见的 Web 开发服务器有:
- Python 的 SimpleHTTPServer 模块
- Node.js 的 Express 框架
- Apache 服务器
- Nginx
以上提到的都是服务器,而不是具体的属性或解决方案。具体使用方法需要根据所选择的服务器软件和开发环境进行设置。
评论已关闭