首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
CSS
ThinkingFT
创建于2021-11-06
订阅专栏
CSS
暂无订阅
共18篇文章
创建于2021-11-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
18、动画
动画改变的属性的值可以不在元素的前后两个状态中。在有动画效果的元素上设置的属性值无需参与动画过程。动画变换的过程中用到的属性值要在关键帧中显示声明。
17、过渡
属性值的变化(发生“样式变化事件”)瞬间完成,属性的新值替换旧值持续的时间是毫秒级的,整个过程不超过16毫秒。过渡能控制一段时间内属性的值如何变成另一个值。逐渐变化,自然一些,不那突兀。
16、变形
变形功能能在二位和三维空间中改变元素的形态,这为设计师提供了新的呈现信息的方式。使用丰富的2D变形可以实现引人瞩目的效果,利用3D变形还能创建交互式界面,变形功能为设计开辟了新天地。
15、列表和生成的内容
列表中的项目是简单的块级框,但是有一块却不参与布局,悬挂在列表一侧。在有序列表中,那一块内容是一系列递增的数字(或字母),有用户代理计算,大部分格式也由用户代理决定。
14、表格布局
表格模式是以行为中心,模型对列和列的样式提供了有限的支持。CSS提供了一些用于控制单元格对齐和表格宽度的新特性,呈现出来的表格令人更加满意。
13、栅格布局
栅格布局复杂而强大,没有吃透也不要灰心。栅格的运作方式要花点时间才能掌握,毕竟有大量特性和我们以前没有见过的。
12、弹性盒布局
弹性盒是一种简单而强大的布局方式,通过弹性盒指明空间的分布方式,内容的对齐方式和元素的视觉顺序,把不同的组件放置在网页中。
11、定位
借助定位可以随意移动元素,这是常规文档流难以企及的。虽然很多定位技巧终将被栅格系统取代,但是定位仍有大量的用途,例如让侧边栏始终显示在视区中,或者粘滞显示列表或长文中的小节标题。通过z轴确定叠放次序。
10、浮动及其形状
浮动是CSS的基础,虽然简单,但却十分有用而强大。浮动是不可或缺的,有了浮动才能吧内容放在一边,让其他内容围绕它流动。引入浮动形状之后,浮动框不再局限于方形了。
9、颜色、背景和渐变
通过设置元素的颜色和背景,创作人员的能力得到了极大的提升。与传统方式相比,CSS的优势是可以把颜色和背景应用到文档中的任何元素上。
8、内边距、边框、轮廓和外边距
能为任何元素设置外边距、边框和内边距,是CSS超越传统Web标记语言的原因之一。正因为CSS有如此强大的功能,才能使它俘获了众人之心。
7、视觉格式化基础
在探索CSS的过程中,你可能会某些用户代理(浏览器就是用户代理之一)中遇到看似奇怪的行为。掌握视觉渲染模型的工作原理之后,便可以判断所遇到的怪异行为,就是CSS渲染引擎定义的正确方式,还是确有异常。
6、文本属性
文本是网页的重要元素,文本是内容,而字体是用于显示内容。借助文本属性可以影响文本相对一行中其他内容的位置。
下一页