CSS3
文章平均质量分 81
知识分子李云龙
站得高看得远,迎着风摸着云。
展开
-
CSS进阶学习第一天-字体图标及平移转换
1,字体图标 目标:使用字体图标技巧实现网页中的简洁图标的效果 1.1字体图标展示的是图标,本质还是字体 灵活性:灵活的修改样式 轻量级:体积小,渲染快,降低服务齐请距次数 兼容性:几乎兼容所有浏览器 使用方便:下载字体包;使用字体包。 1.2下载字体之后,使用字体图标 1.引入字体图标样式表 <link rel="stylesheet" href="../../课堂练习0317/iconfont/iconfont.css"> 2.引入类名,定义css <style> .ico原创 2022-04-17 01:44:26 · 328 阅读 · 0 评论 -
Css努力进阶的第六天
拓展:前端开发尽可能的降低对服务器的请求。 1,css精灵 将项目中的所有小图放到一张大图上面,减少页面对服务器的请求。 1.1精灵图的使用步骤 创建一个盒子,设置盒子尺寸与小图尺寸相同;(一般精灵图都用行内标签,span;b;为了设置宽高,需要调整块i) 将精灵图设置为盒子的背景图; 修改背景图的位置。 (核心重点:定位背景标签background-position:0 0;) 2,背景图的缩放(background-size) background-size:宽度 高度;( 数字+px;百分比;cont原创 2022-04-16 00:40:50 · 88 阅读 · 0 评论 -
Css第五天
1,定位的作用 一个标签上压一个标签, 1.1定位的使用步骤 属性名:position 常见属性值:static 静态定位;relative 相对定位; absolute绝对定位; 设置偏移值 方向:数字+px (偏移值设置方向按就近原则,水平垂直方向只要设置各一个) 水平,垂直方向同时书写左右按左,上下同时按下。 1.2定位的写法, 静态定位就是标准流。(不脱标,占位) <style> .box { position:static; top:200px; left:原创 2022-04-10 00:41:10 · 74 阅读 · 0 评论 -
CSS学习的第一天
原创 2022-03-26 23:59:46 · 73 阅读 · 0 评论