笔记
zzf2.0
这个作者很懒,什么都没留下…
展开
-
OSI模型7层结构
一、OSI七层协议1.物理层概念:该层主要定义物理设备标准如:网线接口类型、光纤接口类型、各种传输介质的传输速率等。功能:主要作用是传输比特流(就是由1、0转化为电流强弱来进行运输,到达目的地后转化为1、0,也就是我们常说的数模转换和模数转换,高低电平进行运输)。这一层的数据叫做比特。2.数据链路层概念:该层主要定义物理设备的传输介质的标准,并对数据进行格式化以进行传输。比如;网线→电信号,光纤→光信号。功能:能保证传输过去的比特流数据是正确的,有纠错功能,以确保数据可靠的传输。3.网络原创 2021-08-08 19:21:04 · 254 阅读 · 0 评论 -
CSS单行文字溢出省略号表示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS单行文字溢出省略号表示</title> <style> ...原创 2020-08-25 21:27:37 · 100 阅读 · 0 评论 -
CSS图片底侧空白缝隙解决方案
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS图片底侧空白缝隙解决方案</title> <style> i...原创 2020-08-24 10:35:46 · 131 阅读 · 0 评论 -
CSS实现行内块和文字居中对齐
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS实现行内块和文字居中对齐</title> <style> ...原创 2020-08-24 10:19:39 · 3561 阅读 · 0 评论 -
CSS取消表单轮廓和防止文本域拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS取消表单轮廓和防止文本域拖拽</title> <style> ..原创 2020-08-24 09:54:50 · 373 阅读 · 0 评论 -
CSS用户界面-鼠标样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS用户界面-鼠标样式</title> </head> <...原创 2020-08-24 09:36:57 · 107 阅读 · 0 评论 -
CSS三角练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS三角练习</title> <style> ..原创 2020-08-24 09:10:29 · 108 阅读 · 0 评论 -
CSS三角
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS三角</title> <style> ...原创 2020-08-23 20:49:37 · 86 阅读 · 0 评论 -
CSS字体图标的产生和优点
原创 2020-08-23 15:42:19 · 116 阅读 · 0 评论 -
CSS字体图标的下载
原创 2020-08-23 15:33:36 · 171 阅读 · 0 评论 -
CSS精灵图的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS练习</title> <style> ..原创 2020-08-23 15:31:32 · 71 阅读 · 0 评论 -
CSS为什么需要精灵图
原创 2020-08-23 08:41:46 · 212 阅读 · 0 评论 -
CSS元素的显示和隐藏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS练习</title> <style> div{ ..原创 2020-08-22 17:29:47 · 101 阅读 · 0 评论 -
CSS元素的显示和隐藏
原创 2020-08-22 17:27:41 · 63 阅读 · 0 评论 -
CSS练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS练习</title> <style> div{ ..原创 2020-08-22 15:18:42 · 65 阅读 · 0 评论 -
CSS网页布局总结
原创 2020-08-22 15:16:06 · 86 阅读 · 0 评论 -
CSS浮动不会压住表准流的文字定位会
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS浮动不会压住表准流的文字定位会</title> <style> ...原创 2020-08-21 21:42:09 · 318 阅读 · 0 评论 -
CSS定位的特殊特性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS定位的特殊特性</title> <style> span{...原创 2020-08-21 16:46:10 · 182 阅读 · 0 评论 -
CSS绝对定位盒子居中算法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS绝对定位盒子居中算法</title> <style> .bo...原创 2020-08-21 16:35:16 · 212 阅读 · 0 评论 -
CSS定位的叠放顺序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS定位的叠放顺序</title> <style> .box{...原创 2020-08-21 11:29:14 · 247 阅读 · 0 评论 -
CSS粘性定位
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS粘性定位</title> <style> .bod...原创 2020-08-21 09:20:14 · 803 阅读 · 1 评论 -
CSS绝对定位-父级有定位的情况
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS绝对定位-父级有定位的情况</title> <style> ...原创 2020-08-20 09:07:37 · 489 阅读 · 0 评论 -
CSS绝对定位没有父级或则父级无定位情况
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS绝对定位没有父级或则父级无定位情况</title> <style> .father{ .原创 2020-08-19 15:47:22 · 485 阅读 · 1 评论 -
CSS相对定位练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS相对定位练习</title> <style> .zzf{ width: 200p原创 2020-08-19 15:37:56 · 216 阅读 · 0 评论 -
CSS静态定位和绝对定位
原创 2020-08-19 15:35:38 · 237 阅读 · 0 评论 -
CSS定位的组成
原创 2020-08-19 13:54:17 · 134 阅读 · 0 评论 -
CSS属性书写顺序
原创 2020-08-18 11:01:12 · 83 阅读 · 0 评论 -
CSS清除浮动-双伪元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS清除浮动-双伪元素</title> <style> .clearfix:before,.c.原创 2020-08-17 22:23:24 · 621 阅读 · 1 评论 -
CSS清除浮动-after伪元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS清除浮动-after伪元素</title> <style> .clearfix:after.原创 2020-08-17 22:16:27 · 851 阅读 · 0 评论 -
CSS清除浮动-给父级添加overflow属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS清除浮动-给父级添加overflow属性</title> <style> .box{ .原创 2020-08-17 22:02:40 · 449 阅读 · 0 评论 -
CSS清除浮动-额外标签法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS清除浮动-额外标签法</title> <style> .box{ widt...原创 2020-08-17 21:51:51 · 662 阅读 · 0 评论 -
CSS浮动布局注意点
原创 2020-08-17 21:09:49 · 106 阅读 · 1 评论 -
CSS浮动布局练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS浮动</title> <style> *{ padding:0; m原创 2020-08-17 17:04:27 · 277 阅读 · 0 评论 -
CSS浮动
原创 2020-08-17 13:47:44 · 57 阅读 · 0 评论 -
CSS文字阴影
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS文字阴影</title> <style>p{ font-size: 40px; color:o原创 2020-08-17 09:17:35 · 103 阅读 · 0 评论 -
CSS盒子阴影
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS盒子阴影</title> <style>div{ width: 200px; height原创 2020-08-17 08:58:17 · 90 阅读 · 0 评论 -
CSS圆角矩形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS圆角矩形</title> <style>div{ width: 200px; height原创 2020-08-17 08:51:44 · 138 阅读 · 0 评论 -
CSS清除内外边距
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS清除内外边距</title> <style>*{ padding:0; margin:0;原创 2020-08-16 21:24:34 · 788 阅读 · 0 评论 -
CSS嵌套元素垂直外边距的塌陷
原创 2020-08-16 21:13:45 · 72 阅读 · 0 评论 -
CSS行内元素和行内快元素水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS行内元素和行内快元素水平居中</title> <style>.header{ width: 3原创 2020-08-16 20:57:53 · 151 阅读 · 0 评论