随笔分类 -  CSS基础

CSS的两种格式化上下文:BFC和IFC
摘要:这篇文章具体介绍了CSS针对block-level元素和inline-level元素设计的两种格式化上下文:BFC(Block Formatting Context)和IFC(Inline Formatting Context),它们规定了block-level元素和inline-level元素在对应格式化上下文中的渲染规则。了解上述内容是清楚理解网页排版的基础,当然在此基础上,还要进一步掌握CSS的几种定位方法,浮动等内容,才能理解和设计更加复杂的网页布局。 阅读全文

posted @ 2018-01-14 09:42 AmmyXu 阅读(522) 评论(0) 推荐(1)

#CSS的盒子模型、元素类型
摘要:本文首先介绍了CSS元素的统一内部结构模型,盒子模型;然后介绍了CSS元素基于不同分类标准定义的元素类型,包括基于不同内容设置方式定义的replaced元素和non-replaced元素,以及基于不同布局方式定义的block-level元素、inline-level元素、run-in元素。 阅读全文

posted @ 2018-01-13 21:17 AmmyXu 阅读(375) 评论(0) 推荐(0)

CSS浮动
摘要:对浮动的目的,布局,特点,清除浮动等相关内容进行了介绍。 阅读全文

posted @ 2018-01-04 13:09 AmmyXu 阅读(192) 评论(0) 推荐(0)

绝对定位中块级元素的水平布局与垂直布局
摘要:绝对定位中块级元素的水平布局与垂直布局 阅读全文

posted @ 2017-12-29 16:16 AmmyXu 阅读(241) 评论(0) 推荐(0)

CSS选择器备忘录
摘要:CSS选择器备忘录,包括基础选择器、属性选择器和组合选择器 阅读全文

posted @ 2017-12-27 16:27 AmmyXu 阅读(207) 评论(0) 推荐(0)

CSS中的样式层叠机制Cascade
摘要:对CSS中的样式层叠机制Cascade的理解。 阅读全文

posted @ 2017-12-10 18:02 AmmyXu 阅读(695) 评论(0) 推荐(1)

HTML三种样式引入方式
摘要:本文对HTML有三种样式引入方式进行了介绍,包括行内样式(Inline Styles)、嵌入式样式表(Embedded Style Sheets)、外部样式表(External Style Sheets)。 阅读全文

posted @ 2017-12-10 16:25 AmmyXu 阅读(1070) 评论(0) 推荐(1)

伪类与伪元素的区别
摘要:在CSS1和CSS2中对伪类和伪元素没有做出很明显的区别定义,因此很多人对两者的概念存在混淆;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。本文基于CSS3,对伪类和伪元素就概念,语法进行了比较,最后给出了两类选择器详尽的一览表。 阅读全文

posted @ 2017-12-09 21:07 AmmyXu 阅读(16875) 评论(1) 推荐(4)