跳至主要內容
介绍

介绍

CSS 由许多部分组成,这里会介绍关于 CSS 的一些知识


wzCoding大约 2 分钟CSSCSS 介绍
弹性盒子布局

弹性盒子布局

弹性盒子,即 Flexbox(Flexible Box Layout Module)的缩写,它是专门被设计出来用于创建页面布局的一种方式,flex 布局不仅简洁、方便,而且有着良好的浏览器支持,为我们的页面布局带来了更灵活的选择


wzCoding大约 5 分钟CSS布局弹性盒子布局
浮动布局

浮动布局

浮动布局 是指设置元素的 float 属性,使元素紧贴容器(父元素)的左侧或右侧边界,改变元素在正常文档流中的行为,并会影响紧跟着它的下一个元素。利用浮动来实现的页面布局中最常见的是 圣杯布局双飞翼布局


wzCoding大约 2 分钟CSS布局浮动布局
盒模型

盒模型

在页面当中,所有的元素都被一个个的“盒子”包围着,这些盒子本质上便是 盒模型,它是我们使用 CSS 实现准确布局、处理元素排列的关键


wzCoding大约 6 分钟CSS盒模型
层叠与继承

层叠与继承

CSS 代表层叠样式表(Cascading Style Sheets),其中层叠与继承的概念十分重要,理解层叠继承可以让我们更好地将样式应用到页面当中


wzCoding大约 8 分钟CSS层叠与继承
Z

以 D 为首的 CSS 属性(样式)


wzCoding小于 1 分钟CSS属性(样式)
X

以 X 为首的 CSS 属性(样式)


wzCoding小于 1 分钟CSS属性(样式)
W

以 W 为首的 CSS 属性(样式)


wzCoding大约 2 分钟CSS属性(样式)
2
3
4