摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伪元素选择器</title> <style> /*元素选择器*/ p{ color: red; } /*伪元素选择器*/ p::before{ content: 阅读全文
posted @ 2020-06-22 23:43 Tsui98' 阅读(133) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style> a:link{ background-color: red; } a:hover{ color: #bbffaa; 阅读全文
posted @ 2020-06-22 23:42 Tsui98' 阅读(160) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景</title> <style> header{ height: 180px; background-image: url("bilibili.png"); 阅读全文
posted @ 2020-06-22 23:40 Tsui98' 阅读(129) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>层模型小实例</title> <style> .img_box{ width: 400px; height: 300px; border: 1px solid 阅读全文
posted @ 2020-06-22 23:39 Tsui98' 阅读(165) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>固定定位</title> <style> .box{ width: 200px; height: 200px; } .box1{ background-colo 阅读全文
posted @ 2020-06-22 23:38 Tsui98' 阅读(81) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绝对定位</title> <style> .box{ width: 200px; height: 200px; } .box1{ background-colo 阅读全文
posted @ 2020-06-22 23:36 Tsui98' 阅读(103) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <style> .box{ width: 200px; height: 200px; } .box1{ background-colo 阅读全文
posted @ 2020-06-22 23:35 Tsui98' 阅读(109) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>23、浮动小实例</title> <style> body{ background-color:#f8f9fa; } .header{ box-shadow: 阅读全文
posted @ 2020-06-22 23:33 Tsui98' 阅读(137) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css布局</title> <!-- 一、最基础的是流动布局,就是从上到下--> <!-- 二、浮动--> <!--特点:--> <!--1、会脱离文档流--> 阅读全文
posted @ 2020-06-22 23:31 Tsui98' 阅读(119) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>overflow</title> </head> <body> <!--当子标签超出父标签后,可以使用overflow属性来处理超出的部分--> <!-- -v 阅读全文
posted @ 2020-06-22 23:30 Tsui98' 阅读(170) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏小实例</title> <style> *{ /*通用选择器设置外边距*/ margin:0; } .header{ background-color:p 阅读全文
posted @ 2020-06-22 23:28 Tsui98' 阅读(170) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型小实例</title> </head> <style> body{ background-color:#f8f9fa; } .box1{ box-sha 阅读全文
posted @ 2020-06-22 23:25 Tsui98' 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 推荐一个特别棒的博主:https://home.cnblogs.com/u/Renyi-Fan,最近想利用暑假时间来查漏补缺一下大学三年的前后端知识,就选择了范老师的课程和博客,讲的特别细致,我博客里的有关查漏补缺的随笔里的部分内容均转载自范老师的博客,喜欢的同学可以移步范老师的博客或者他本人的学习 阅读全文
posted @ 2020-06-22 23:22 Tsui98' 阅读(137) 评论(0) 推荐(0) 编辑