CSS
文章平均质量分 95
苏豆
这个作者很懒,什么都没留下…
展开
-
CSS06
文章目录学习目标精灵图字体图标字体图标的下载字体图标的引入CSS三角CSS用户界面样式更改鼠标样式轮廓线防止拖曳文本域vertical-align 属性应用解决图片底部默认空白缝隙溢出的文本省略号显示多行文本溢出部分使用省略号代替常见布局技巧margin负值的运用文字围绕浮动元素行内块巧妙运用CSS三角强化学习目标能够使用精灵图能使用字体图标能写出CSS三角能写出常见CSS用户界面样式知道常见布局技巧精灵图目的:有效减少服务器接收和发送请求次数,提高页面的加载速度方式:将网页中的一些原创 2021-04-08 17:02:04 · 123 阅读 · 0 评论 -
CSS05
文章目录学习目标定位边偏移定位模式静态定位 static相对定位 relative绝对定位固定定位 fixed粘性定位 sticky总结定位叠放次序 z-index定位拓展绝对定位的盒子居中定位的特殊特性脱标的盒子没有外边距塌陷绝对(固定)定位会完全压住盒子网页布局总结元素的隐藏与显示display 属性visibility属性overflow属性学习目标知道为什么要用定位知道定位的四种分类知道四种定位的特点知道为什么用子绝父相布局写出轮播图布局知道显示隐藏的两种方式和区别定位使用场原创 2021-04-06 16:04:29 · 112 阅读 · 0 评论 -
CSS04
文章目录学习目标CSS浮动普通流为什么需要浮动什么是浮动浮动的特性浮动元素脱标浮动元素一行显示浮动元素具有行内块元素特性常见网页布局浮动布局注意点浮动布局常用类型清除浮动为什么要清除浮动清除浮动的本质清除浮动的方法额外标签法父级添加 overflow属性:after 伪元素法双伪元素清除浮动总结学习目标知道为什么需要浮动知道浮动的排列顺序知道3种常见的布局方式知道为什么需要清除浮动写出至少2种清除浮动的方法CSS浮动CSS的三种传统布局方式:普通流、浮动、定位普通流亦称为:标准原创 2021-04-01 14:44:58 · 102 阅读 · 0 评论 -
CSS03
文章目录学习目标页面学习三大核心盒子模型边框边框的复合写法边框的分开写法边框的细线边框边框影响盒子实际大小内边距padding内边距 复合写法外边距外边距的典型应用行内元素或行内块元素水平居中外边距合并清除内外边距圆角边框盒子阴影文字阴影学习目标盒子模型的4个组成部分利用边框复合写法给元素添加边框计算盒子的实际大小给盒子设置圆角边框给盒子添加阴影给文字添加阴影页面学习三大核心盒子模型浮动定位盒子模型CSS 盒子模型本质上是一个封装周围 HTML元素(边框、内外边距和实际内原创 2021-03-30 22:15:56 · 223 阅读 · 0 评论 -
CSS02
文章目录学习目标emmet 语法快速生成 HTML 结构语法快速生成 CSS 样式语法快速格式化代码CSS 的复合选择器后代选择器子代选择器并集选择器伪类选择器链接伪类选择器:focus伪类选择器总结CSS 的元素显示模式块元素行内元素行内块元素总结元素显示模式的转换CSS 的背景属性背景颜色背景图片背景平铺背景图片位置背景图片固定背景复合写法背景色半透明总结CSS 的三大特性层叠性继承性行高的继承优先级权重叠加学习目标使用 emmet 语法使用 CSS 符合选择器写出伪类选择器的使用规范元素的原创 2021-03-29 20:59:55 · 78 阅读 · 0 评论 -
CSS01
文章目录实现效果CSS简介语法规范CSS 代码风格CSS 基础选择器标签选择器类选择器多类名id选择器通配符选择器总结CSS 字体属性字体系列字体大小字体粗细文字样式字体复合属性总结CSS 文本属性文本颜色对齐文本装饰文本文本缩进行间距总结CSS 引入方式内部样式表行内样式表外部样式表总结实现效果CSS简介原称:层叠样式表;亦称为:CSS样式表、级联样式表一种标记语言主要用于HTML 页面的文本内容,图像的完了以及页面的布局和外观显示样式语法规范选择器用于指定CSS 样式的 HTM原创 2021-03-27 21:12:52 · 86 阅读 · 0 评论