hi123hi159 - 博客园

2022年5月14日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } .box{ width: 1366px; height: 600px; margin: 0 阅读全文

posted @ 2022-05-14 19:50 hi123hi159 阅读(119) 评论(0) 推荐(0)

CSS之绝对定位元素居中

摘要： position: absolute; left: 50%; top: 50%; /*位移*/ transform: translate(-50%,-50%); 阅读全文

posted @ 2022-05-14 19:12 hi123hi159 阅读(39) 评论(0) 推荐(0)

CSS之位移

摘要：平面位移 transform: translate(50px,100px); transform: translate(50%,100%); 单独一个方向移动 transform:translateX() ; transform:translateY() ; 阅读全文

posted @ 2022-05-14 17:52 hi123hi159 阅读(229) 评论(0) 推荐(0)

CSS之字体图标

摘要：字体图标官网：www.iconfont.cn 素材库——》官方图标库——》选择图标库——》看到喜欢的点击购物车小图标——》选择本地下载 ——》解压到本地项目根目录样式引入：<link rel="stylesheet" href="./iconfont/iconfont.css"> 类名：class 阅读全文

posted @ 2022-05-14 14:50 hi123hi159 阅读(53) 评论(0) 推荐(0)

2022年5月13日

CSS之ul-li

摘要： li:nth-child(5n); /*最后一个*/ li:last-child; 阅读全文

posted @ 2022-05-13 13:50 hi123hi159 阅读(26) 评论(0) 推荐(0)

CSS之样式表引入顺序

摘要： <link rel="stylesheet" href="css/base.css"/> <link rel="stylesheet" href="css/commom.css"/> <link rel="stylesheet" href="css/index.css"/> 阅读全文

posted @ 2022-05-13 10:41 hi123hi159 阅读(30) 评论(0) 推荐(0)

2022年5月12日

CSS之过渡

摘要： .box{ width: 200px; height: 200px; background-color: #FFC0CB; /*宽度200，悬停的时候宽度到600，花费1秒*/ /* transition: width 1s,background-color 2s; */ /* all 代表所有属性阅读全文

posted @ 2022-05-12 16:06 hi123hi159 阅读(27) 评论(0) 推荐(0)

CSS之精灵图

摘要： background-image: url(); background-position: -3px 0; 阅读全文

posted @ 2022-05-12 11:31 hi123hi159 阅读(23) 评论(0) 推荐(0)

CSS之透明属性

摘要： /*半透明*/ opacity: 0.5; 阅读全文

posted @ 2022-05-12 11:08 hi123hi159 阅读(19) 评论(0) 推荐(0)

CSS之overflow溢出

摘要： overflow溢出 /*溢出的内容隐藏掉*/ overflow: hidden; /*溢出的内容加滚动条来显示*/ overflow: auto; 阅读全文

posted @ 2022-05-12 10:45 hi123hi159 阅读(210) 评论(0) 推荐(0)

公告