随笔分类 - 前端 / CSS
css高级技巧
摘要:目录精灵图为什么需要精灵图使用精灵图核心原理精灵图(sprites)的使用使用精灵图核心使用精灵图核心总结字体图标字体图标的产生字体图标的优点字体图标使用步骤字体图标的下载字体图标的引入字体文件格式字体图标的追加字体图标加载的原理CSS 三角CSS 用户界面样式鼠标样式 cursor轮廓线 outl
定位
摘要:目录定位为什么使用定位定位组成定位模式 (position)边偏移(方位名词)静态定位(static)-了解相对定位(relative)-重要相对定位的特点绝对定位(absolute)-重要绝对定位的特点定位口诀-子绝父相固定定位(fixed) - 重要固定定位的特点小技巧:固定在版心右侧位置小技巧
浮动
摘要:目录浮动传统网页布局的三种方式标准流(普通流/文档流)为什么需要浮动?什么是浮动?浮动特性浮动元素经常和标准流父级搭配使用常见网页布局浮动布局注意点清除浮动为什么需要清除浮动?清除浮动本质清除浮动样式清除浮动的多种方式额外标签法父级添加 overflow 属性父级添加after伪元素父级添加双伪元素
盒子模型
摘要:目录网页布局的本质盒子模型(Box Model)组成边框(border)边框的使用边框的合写分写表格的细线边框边框会影响盒子实际大小内边距(padding)合写属性分写属性内边距会影响盒子实际大小内边距对盒子大小的影响解决方案外边距(margin)外边距典型应用外边距合并相邻块元素垂直外边距的合并嵌
css3
摘要:目录CSS介绍CSS 语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式(推荐)大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范案例🌰多类名选择器多类名使用方式多类名开发中使用场景id 选择器id 选择器和类选择器的区别通配符选