南邮 | 易学教程

HTML的文档设置标记

阅读更多关于 HTML的文档设置标记

1.格式标记 <br/>　　　　强制换行标记 <p>　　　　换段落标记换段落，由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中要换段落就要用<p>，<p>段落中也可以包含<p>段落! <center>　　居中对齐标记 <pre> 　　　　预格式化标记保留预先编排好的格式 <li>　　　　　　列表项目标记每个列表使用一个<li>标记 <ul>　　　　　　无序列表标记 <ol>　　　　　　有序列表标记　　　可以显示特定的一些顺序：（1）格式： <ol type="符号类型"> 　　<li type="符号类型"></li> 　　<li type="符号类型"></li> </ol> （2）有序列表的type属性值：1（默认属性值，阿拉伯数字1，2，3），A（大小写字母A、B、C），a（小写字母），Ι（大写罗马数字），i（小写罗马数字）（3）value：指定一个新的序列数字起始值（4）列表可以进行嵌套 <dl><dt><dd> 　　　　定义型列表使用场合：对列表条目进行简短的说明格式： 1 <dl> 2 <dt>南邮介绍：</dt> 3 <dd>是一所双一流大学</dd> 4 <dt>北邮：</dt> 5 <dd>是一所211大学</dd> 6 </dl> <hr> 　　　　水平分割线标记段落之间的分割线 <div>　　　　

南邮ctf-web题解

阅读更多关于南邮ctf-web题解

今年有空搞搞ctf，看看能从这个南邮的训练题学到点东西不。题目地址： https://cgctf.nuptsast.com/challenges#Web 直接右键查看源码即可getflag 来源：博客园作者： v01cano 链接：https://www.cnblogs.com/v01cano/p/11790426.html

DIV+CSS布局

阅读更多关于 DIV+CSS布局

1.div和span （1）div和span在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式（2）div和span的区别在于，span是内联元素，div是块级元素 2.盒模型 margin 盒子外边距 padding 盒子内边距 border 盒子边框宽度 width 盒子宽度 height 盒子高度 3.布局相关的属性（1）position定位方式 relative 正常定位 absolute 根据父元素进行定位 fixed 根据浏览器窗口进行定位 static 没有定位 inherit 继承（2）定位 left、right、top、bottom离页面顶点的距离（3）z-index层覆盖先后顺序（优先级）代码示例： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Div+CSS布局（布局相关的属性）</title> 6 <style type="text/css"> 7 body{ 8 padding: 0px; 9 margin:0; 10 } 11 12 .div{ 13 width:300px; 14 height:300px; 15 background-color: green; 16 position: relative; 17 left:10px