2022年3月26日
css 动画
摘要： 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-26 09:59 会前端的洋 阅读(32) 评论(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-26 09:51 会前端的洋 阅读(41) 评论(0) 推荐(0) 编辑
设置字体阴影
摘要： 1. html 结构 <h1 class="a">欢迎来到铄洋在线</h1> <h1 class="b">欢迎来到铄洋在线</h1> <h1 class="c">欢迎来到铄洋在线</h1> <h1 class="d">欢迎来到铄洋在线</h1> 2. css 样式 h1 { font-family: 阅读全文
posted @ 2022-03-26 09:07 会前端的洋 阅读(117) 评论(0) 推荐(0) 编辑
box-shadow 盒子阴影
摘要： 1. html 结构 <div class="container"> <div class="box"> <h3>Heading</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam aspernatur il 阅读全文
posted @ 2022-03-26 09:00 会前端的洋 阅读(135) 评论(0) 推荐(0) 编辑
伪元素 Before & Aster
摘要： 1. html 结构 <label class="is-required" for="name">姓名</label> <input type="text"> <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet consectetur a 阅读全文
posted @ 2022-03-26 08:54 会前端的洋 阅读(32) 评论(0) 推荐(0) 编辑
2022年3月25日
新的 css 子选择器
摘要： 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 20:03 会前端的洋 阅读(34) 评论(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 19:51 会前端的洋 阅读(119) 评论(0) 推荐(0) 编辑
页面响应式样式设计操作
摘要： 1. css 样式 如果满足 media="screen and (max-width: 768px)" 这个条件的话 <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css"> #what 阅读全文
posted @ 2022-03-25 19:26 会前端的洋 阅读(58) 评论(0) 推荐(0) 编辑
contact 和 footer 的页面制作
摘要： 1. html 结构 <section id="contact"> <div class="contact-form bg-primary p-2"> <h2 class="m-heading">Contact Us</h2> <p>如有疑问请填写以下信息联系我们!</p> <form> <div 阅读全文
posted @ 2022-03-25 18:30 会前端的洋 阅读(66) 评论(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 14:59 会前端的洋 阅读(90) 评论(0) 推荐(0) 编辑