- 博客(22)
- 收藏
- 关注
RSS订阅
1原创 HTTP 小练习
在command line中输入ncat -l 9999, 本地开一个服务器监听9999端口在浏览器中输入localhost:9999此时命令行中出现此时在命令行中可以输入response
2022-07-05 00:10:11
63
原创 HTTP 小练习
在command line中输入ncat -l 9999, 本地开一个服务器监听9999端口在浏览器中输入localhost:9999此时命令行中出现GET / HTTP/1.1Host: localhost:8989Connection: keep-aliveCache-Control: max-age=0Upgrade-Insecure-Requests: 1User-Age
2018-05-10 15:42:15
459
原创 HTTP & Web Servers
ncat:ncat -l 9999 //监听端口9999，服务端ncat localhost 9999//连接至端口9999，客户端
2018-05-10 00:29:19
828
原创 17.JavaScript（入门）
alert("弹出内容");var a = prompt("input something");//接受用户输入内容var a = parseInt("23十条");//23将字符串转换为整数，parseFloat()将字符串转换为浮点数var b = parseInt(3.5+3.1);//6+即表示连字符也表示加号，故进行运算时会提前进行判断。而其他运算符不会，会自动进行类型转换，如"4"+3...
2018-05-08 22:22:56
180
原创 16.z-index
z-index值表示谁压着谁，数值大的压着小的只有定位了的元素，才有z-index值，不管是相对定位/绝对定位/固定定位，浮动的不能用z-index值没有单位，默认为0如果都没有z-index值或相等，那么谁写在html后面谁在上面定位了的元素永远在没有定位的上面从父现象：父元素在上面那子元素也在上面...
2018-04-23 16:24:24
153
原创 15.固定定位
固定定位就是相对浏览器窗口定位，不存在跟父盒子跑，页面如何滚动这个盒子显示位置不变，固定定位脱标返回顶部 *{ padding: 0; margin: 0; } .box1{ height: 10000px; width: 400px; background-color: red; } .backtop{ posi...
2018-04-23 16:05:54
139
原创 14.绝对定位
绝对定位脱离标准流1.脱标后不再区分行内元素/块级元素了，故行内元素span等不需要设置display:block就可以设置宽高2.top/bottom:100px;是相对于当前页面左上角/左下角向下/上移动100px.left/right同理参考点绝对定位参考点，如果用top描述，那就是当前页面左上角，如果用bottom描述，那就是浏览器首屏页面的左下角。故当卷动页面时，定位后的元素会消失在页...
2018-04-23 15:35:01
356
原创 13.相对定位(position:relative)
微调元素位置，相对自己原来的位置进行定位，上下移左右移。必须先声明要相对定位，position:relative不脱标，老家留坑，形影分离不脱离标准文档流，下面的盒子不会钻入其原位置下方原始位置依然占有，不会有其他元素填充其真实物理位置依然是原位置，用margin-bottom时其原位置的下方盒子会下移。本质说其物理位置依然位于原标准流位置，新位置为渲染出来的的一个位置，影子用途1...
2018-04-18 02:03:20
434
原创 12.background系列属性
background-color.box1{ background-color: green; }.box2{ background-color: rgb(0,255,0); }.box3{ background-color: #00ff00;//16进制表示法，aabbcc形式的可简写为abc}background-image:url()//图片会重复来铺满背景，如果图片过...
2018-04-17 01:09:49
202
原创 11.行高/font
行高line-height文字是在行高里居中的//行高最好大于字号（在行高撑起父元素高度时）行高-字号为偶数则上下平分，奇数则下面比上面多1，字号：font-size,行高line-height多行文本垂直居中：padding-top+padding-bottom+多个line-heightfont:14px/24px "宋体","微软雅黑";//font-size,line-height...
2018-04-16 22:55:30
541
原创 10.margin塌陷
标准文档流中，竖直方向margin不叠加，以较大的为准。不在标准流或水平方向，没有塌陷现象。<p class="p1"></p><p class="p2"></p>p1设置了margin-bottom,同时设置了margin-top,两者之间的margin不是叠加，以较大值为准盒子居中（标准文档流）margin-left:auto;//尽可能往右...
2018-04-11 22:59:19
247
原创 9.清除浮动（难）
常常不将父盒子设定高度，因为这样可能导致子盒子高度大于父盒子而溢出。但是这样会使子元素在浮动时互相贴方法一：给浮动元素的祖元素加高度（有高度的盒子才能关住浮动）<ul class="box1"> <li>学习</li> <li>生活</li> <li>啪啪啪</li><
2018-04-11 20:34:30
157
原创 8.脱离标准文档流（浮动/固定定位/绝对定位）
盒子居中：margin:0 auto;浮动元素脱离了标准文档流d1盒子脱离了标准文档流，d2盒子因此成为了标准文档流第一个，位于页面左上方，d1盒子浮动在d2上.d1{ float:red; background-color:red; width:100px; height:100px;}.d2{ background-color:blue; widht:200px; heig...
2018-04-08 22:47:59
2241
原创 7.标准文档流
性质1.空白折叠现象：都会折叠成一个空格 比如让images之间没有空隙，那<img/>紧密连接2.高矮不齐，底边对齐 比如两张大小不一样的图片底边对齐3.自动换行，一行放不完，换行写块级元素和行内元素所有文本标签都是行内元素，所有容器标签都是块级元素，除了P,P是文本标签，是个块级元素。1.块级元素 霸占一行，不与任何元素并列 能接受宽高 不设置宽高，默认为...
2018-04-05 16:33:09
176
原创 6.盒模型
盒子5个主要属性（width/height/margin/border/padding)//真实高度/宽度不等于占有高度/宽度padding：外边距border：边框margin：内边距width：CSS中指内容宽度，不是盒子height：CSS中指内容高度，不是盒子盒子占有宽度=padding*2+border*2+width //实际宽度不包含margin盒子占有高度=paddi...
2018-04-05 00:41:27
399
原创 5.CSS继承性（inherited)与层叠性
选上了，先比权重，相同情况下谁CSS在下面谁屌；没选中，先比较距离相应HTML元素的远近；如果相同，则比较权重；如果权重相同，谁CSS在下面谁屌。!important只影响同级。多层相同标签嵌套，只要有选中的可能就表示选中。div div{}//选中了第二个和第三个divdiv{}//选中了三个div <div> <div> haha <...
2018-04-03 21:38:27
2744
原创 4.CSS（cascading style sheet）
cascading:层叠式；多种选择器共同修饰一个内容常用属性字符颜色 color:red;字符大小 font-size:20px;背景颜色 background-color:red;字符加粗 font-weight:bold;//normal;字符斜体 font-style:italic;//normal; 下划线 text-decoration:underline;//n...
2018-04-01 23:29:11
1551
原创 3.HTML语义标签
HTML只在乎标签嵌套关系，和换行/tab等无关HTML中所有文字之间如果有空格/tab/换行都被折叠为一个空格在浏览器展示出来HTML将标签分为容器标签和文本标签，容器标签可以放置任何东西，文本标签只能放置图片/文字/表单元素，其他一律不能放。容器标签有div/h/ul/ol/li/dt等。文本标签有p/span/strong/em等段落标签p （文本标签）如果在p标签里插入h1，浏览器会在h...
2018-03-31 15:35:24
171
原创 2.meta-seo
head标签里面表示的是页面的配置，如页面标题/字符集/关键词/页面描述/IE适配/视口/iPhone小图标等。设置字符集<meta charset="utf-8">设置页面描述<meta name="" content="" /><meta name="Keywords" content="腾讯，邮箱，新闻，QQ……" />
2018-03-29 14:39:28
268
原创 1.简介
HTTP （HyperText Transfer Protocol): 超文本传输协议是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。<h1>哈哈</h1> 给“哈哈”添加一级标题语义标签HTML中除了语义没有任何东西，没有样式没有交互没有动作。<u></u>表示给文字加下划线，这和HTML有冲突，下划线表示一种样式，在st...
2018-03-28 21:32:26
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人