2022年3月25日
Flex 的 多种对齐属性
摘要： 1. html 结构 <div id="container"> <div class="item item-1"> <h3>Item 1</h3> </div> <div class="item item-2"> <h3>Item 2</h3> </div> <div class="item ite 阅读全文
posted @ 2022-03-25 14:23 会前端的洋 阅读(491) 评论(0) 推荐(0) 编辑
弹性布局 Flex
摘要： 1. html 结构 <div id="container"> <div class="item"> <h3>Item 1</h3> </div> <div class="item"> <h3>Item 2</h3> </div> <div class="item"> <h3>Item 3</h3> 阅读全文
posted @ 2022-03-25 13:31 会前端的洋 阅读(44) 评论(0) 推荐(0) 编辑
实现响应式设计
摘要： 在 html 里插入 满足这个条件 <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css"> 执行 moblie 里的样式 css 样式 /* nacbar */ #navbar h1{ f 阅读全文
posted @ 2022-03-25 11:56 会前端的洋 阅读(32) 评论(0) 推荐(0) 编辑
认识 vh 和 vw 单位
摘要： 1. 页面 html 结构 <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi doloremque ad dolore, nam ex et. Accusamus 阅读全文
posted @ 2022-03-25 11:17 会前端的洋 阅读(621) 评论(0) 推荐(0) 编辑
Em 和 Rem 的基本使用
摘要： 1. Em html 结构 <div id="box-1"> <h3>Box One</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam assumenda aut, animi sed minima 阅读全文
posted @ 2022-03-25 10:33 会前端的洋 阅读(281) 评论(0) 推荐(0) 编辑
媒体查询的运用
摘要： 1. html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-03-25 09:59 会前端的洋 阅读(73) 评论(0) 推荐(0) 编辑
联系我们的静态页面
摘要： 1. html 部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 08:42 会前端的洋 阅读(712) 评论(0) 推荐(0) 编辑
2022年3月24日
关于我们的静态页面制作
摘要： 1. html 页面结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport 阅读全文
posted @ 2022-03-24 16:45 会前端的洋 阅读(77) 评论(0) 推荐(0) 编辑
字体图标库 及 首页底部的制作
摘要： 1. 字体图标库 (1). 搜索网址: http://www.fontawesome.com.cn/ (2). 下载最新版本的解压包 把文件夹 fonts 和 css 文件夹里 font-awesome.min.css 引入到项目里面 (3). 点击网址的 图标库 搜索需要的图标 2. body的内 阅读全文
posted @ 2022-03-24 15:37 会前端的洋 阅读(45) 评论(0) 推荐(0) 编辑
静态页面的首页部分操作
摘要： 1. body 里的html结构 (1) <div id="showcase"> <div class="container"> <div class="showcase-content"> <h1>欢迎来到<span class="text-pranime">铄洋在线</span></h1> <p 阅读全文
posted @ 2022-03-24 14:54 会前端的洋 阅读(38) 评论(0) 推荐(0) 编辑