CSS进阶
关注
分享
扫一扫
文章平均质量分 80
适合初学过CSS的同学，该专栏言简意赅，没那么多废话，带你感受CSS的力量。
小小潘不放弃
记录下自己犯过的错误及其解决办法，也希望它们可以帮到你！同时欢迎大佬评论区留言指导目前还是菜鸟的我！
展开
-
格式化上下文——BFC和IFC
格式化上下文格式化上下文是指页面中的一块渲染区域，决定了其内部元素将如何定位以及和其他元素的关系。即有一套自己的渲染规则。格式化上下文有以下两种类型：块级格式化上下文：Block Formatting context，简称BFC行级格式化上下文：Inline Formatting context，简称IFCBFCBFC的特点在一个BFC内部，盒子会在垂直方向一个接一个排布在一个BFC内部，相邻的margin-top和margin-bottom会叠加在一个BFC内部，每一个元素的左外边界原创 2022-03-03 12:30:00 · 253 阅读 · 0 评论 -
水平和垂直居中方法总结
总结了常用的水平垂直居中的方法原创 2022-03-01 16:27:57 · 496 阅读 · 0 评论 -
浮动布局和定位布局的进阶
浮动布局的缺点和解决方法如何相对父元素和祖先元素定位什么是包含块原创 2022-03-01 15:09:36 · 585 阅读 · 0 评论 -
表单对齐操作
表单对齐，制作注册界面原创 2022-02-28 13:30:00 · 6040 阅读 · 0 评论 -
深入了解有关文本效果的属性
常见的文本效果属性属性说明text-indent首行缩进text-align水平对齐text-decoration文本修饰text-transform大小写转化line-height行高vertical-align垂直对齐letter-spacing字母间距word-spacing词间距text-indent的妙用第一次接触这个属性，一定是用来首行缩进的text-indent:2em;其实除此之外，这个属性还有一个原创 2022-02-27 11:17:28 · 173 阅读 · 0 评论 -
display属性值详解
display属性汇总，真实情况的应用，超级实用的小技巧原创 2022-02-26 20:50:48 · 1209 阅读 · 0 评论 -
外边距叠加和负margin技术
外边距叠加负margin技术实现自适应两栏布局，图片和文字对齐，垂直居中对齐原创 2022-02-24 16:27:47 · 395 阅读 · 0 评论 -
层次选择器
后代选择器格式:M N{}，M和N直接用空格隔开。用于选中后代的某一个元素，只要是后代，都可以被选中。此类选择器十分常见。子代选择器格式：M>N{}，M和N之间用“>”号隔开。只能选择子代的某一个元素，只能选择一代，子代的子代不能被选中。以下例子看区别：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>后代选择器和子代选择器</title&g原创 2022-02-23 16:58:12 · 102 阅读 · 0 评论 -
CSS的三大特性（继承，层叠和优先级）
这里写目录标题一级目录二级目录三级目录继承性不能继承的属性：border，padding，margin能继承的属性可以分为三类：超链接的特殊性解决办法层叠性优先级引用方式冲突继承方式冲突指定样式冲突！important一级目录二级目录三级目录继承性CSS的继承性是指子元素继承了父元素的某些样式属性。但并不是所有的属性都能继承。不能继承的属性：border，padding，margin能继承的属性可以分为三类：1 文本相关属性：font-family(字体），font-size(字体大小）,f原创 2022-02-23 11:30:00 · 659 阅读 · 0 评论 -
CSS的单位
导入我们在刚开始学习CSS的时候，框的大小一般都是用px表示的，其实除此之外还有其他的单位。有绝对和相对之分。绝对单位相对单位原创 2022-02-22 15:40:51 · 191 阅读 · 0 评论