HTML
PandaMirs
一个平凡的phper
展开
-
HTML 有序列表 无序列表
无序列表 ul有序列表ol总结1》》CSS 替换前面1,2,3,4 或者圆点.... 使用line-style-type总结2》》ul , ol 下 只能存放li标签,其他标签应放在li标签内!语法:list-style-type:disc | circle | square | decimal | lower-roman | upper-roman | lower...原创 2019-03-19 17:00:28 · 522 阅读 · 0 评论 -
CSS画太极图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>太极图</title> <style type="text/css" media="screen"> #a{ width: 300px; height:...原创 2019-03-22 14:48:59 · 491 阅读 · 0 评论 -
相对定位&绝对定位 &z-index层次问题
<!-- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table注意事项</title> <style> table{ border-collapse: collapse; /*合并表格线*/ ...原创 2019-03-22 16:56:49 · 1126 阅读 · 0 评论 -
注册表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action="" method="get" accept-charset...原创 2019-03-22 17:34:20 · 823 阅读 · 0 评论 -
默认值
text默认提示 placeholder='请在这里输入默认值';单选框默认值 checked='checked';下拉列表默认值 selected='selected';原创 2019-03-22 22:28:21 · 189 阅读 · 0 评论 -
HTML 有序列表 无序列表
无序列表 ul有序列表olCSS 替换前面1,2,3,4 或者圆点.... 使用line-style-type语法:list-style-type:disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk...原创 2019-03-22 22:29:04 · 360 阅读 · 0 评论 -
简约的导航条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>米酥导航</title> <link rel="icon" href="https://ask.qcloudimg.com/draft/4109746/jgie69ye0...原创 2019-03-23 17:44:06 · 976 阅读 · 0 评论 -
HTML文本标签
<title>网站标题</title><b>加粗</b><strong>加粗(语气更强烈)</strong><i>倾斜</i><em>倾斜(语气更强烈)</em><u>下划线</u><ins>下划线(语气更强烈)</i...原创 2019-03-30 19:34:48 · 130 阅读 · 0 评论 -
HTML排版标签
<!-- 段落 块元素 独占一行--> <p align="对齐方式" >段落</p><!-- 换行 --><br /><!-- 横线 --><hr width="宽度" size='粗细' color='颜色' align="对齐方式" noshade="无阴影" /> <!-- noshade=...原创 2019-03-30 20:49:15 · 696 阅读 · 0 评论 -
HTML 文本第二弹
div{ letter-spacing:字间距; word-spacing:单词间距; text-decoration:underline下划线 line-through中划线 overline上划线 none不显示; line-height:行高; }原创 2019-03-31 16:13:42 · 125 阅读 · 0 评论 -
javascript入门
<script type='text/javascript'> alert('弹窗内容'); document.write('输出内容');</script>原创 2019-03-31 22:33:59 · 101 阅读 · 0 评论 -
Font简写
<style type='text/css'> div{ font:font-style font-weight font-size/line-height font-family;}</style>注意使用font属性时,必须按照此顺序书写,不能更换顺序,个个属性以空格隔开。其中不需要设置的属性可以省略(取默认值),但必须保留font-size...原创 2019-04-10 17:18:02 · 829 阅读 · 0 评论 -
属性选择器
[attr] 匹配具有所给定属性名称的标签。其中attr是一个“示意性符号”,表示“属性名”。比如:[color] { background: yellow; } //能选中具有color属性的所有标签。[width] { border: 1px solid red; } //能选中具有width属性的所有标签。 [attr="val"] ...原创 2019-04-10 18:28:09 · 263 阅读 · 0 评论 -
js 运算符 ++a , a++
var b = a++;['先把a的值赋值给b,a在自+1']var b = ++a;['a先自+1,再赋值给b']原创 2019-04-01 17:07:53 · 8255 阅读 · 3 评论 -
CSS :focus使用
获取焦点时 , 通常用于input,修改样式!原创 2019-04-11 14:07:55 · 4040 阅读 · 0 评论 -
HTML表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action="a.php"> <table> ...原创 2019-04-07 21:50:04 · 156 阅读 · 0 评论 -
CSS伪类选择器 伪元素
E:first-child ----匹配作为父元素的第一个子元素E 【例如ul 下的第一个li】E:last-child ----匹配作为父元素的最后一个子元素EE:only-chlid ----匹配作为父元素的唯一一个子元素EE:nth-child(n) ---匹配作为父元素的第n个子元素e [n=odd匹配奇数 ,n=even匹配偶数 n=2n+1奇数 n=2n偶数]E:em...原创 2019-04-11 14:43:52 · 183 阅读 · 0 评论 -
浏览器内核标识
谷歌 -webkit-火狐 -moz-IE -ms-苹果 -webkit-欧朋 -o-原创 2019-04-11 15:20:21 · 591 阅读 · 0 评论 -
CSS画圆角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> div{ width: 100px;...原创 2019-03-22 14:17:52 · 376 阅读 · 0 评论 -
CSS引入方式
@import url(./demo1.css);a{ color: blue;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- sty原创 2019-03-18 16:45:44 · 134 阅读 · 0 评论 -
CSS选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen&quo原创 2019-03-18 15:58:30 · 120 阅读 · 0 评论 -
表格学习 table th tr td
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table注意事项</title> <style> table{ border-collapse: collapse; /*合并表格线*/ bord...原创 2019-03-19 17:32:58 · 426 阅读 · 0 评论 -
HTML5新增语义标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <header>我是头部</header> <nav>...原创 2019-03-19 17:50:29 · 208 阅读 · 0 评论 -
CSS实现三角形
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background:blue; } div{转载 2019-03-15 17:51:35 · 159 阅读 · 0 评论 -
background-clip用法
默认情况下,背景颜色的显示范围为 border-box 区域,不重复的背景图像的显示范围为 padding-box 区域,而重复的背景图像的显示范围为 border-box 区域。然而,有时候却希望控制背景的显示范围。这时,就可以通过 background-clip属性用来定义元素背景的裁剪区域,即背景的显示范围,可选值有 border-box | padding-box | content-...转载 2019-03-15 22:23:51 · 13806 阅读 · 0 评论 -
超链接标签
<a href="需要访问的链接" target="方式" title="鼠标放上显示的内容">博客</a>详解 target_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除...原创 2019-03-20 15:14:33 · 316 阅读 · 0 评论 -
锚点创建及 使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 有两种方法目前 一种是a标签的name 一种是id(任意标签)! -->...原创 2019-03-20 15:27:39 · 807 阅读 · 0 评论 -
HTML 字符实体
诸如 “<” 之类的符号在HTML中拥有特殊的含义,所以在文本中使用它们。为了在 HTML 中显示小于号 (<),我们需要使用字符实体。字符实体一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。字符实体有三部分:一个和号 (&),一个实...原创 2019-03-20 15:42:55 · 177 阅读 · 0 评论 -
CSS锚伪类选择器
a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */...原创 2019-03-16 22:03:44 · 460 阅读 · 0 评论 -
CSS控制段落
1.段落缩进 text-indent2.文本对齐 text-algin(水平对齐方式)值:1.left 2.right 3.center3.文本装饰线 text-decoration值: 1.underline[文本下划线] 2.overlinn[文本上一条线] 3.line-through[文本穿越线]...原创 2019-03-16 22:30:35 · 1303 阅读 · 0 评论 -
文字控制
font-style:normal | italic | oblique默认值:normal取值:normal:指定文本字体样式为正常的字体italic:指定文本字体样式为斜体。对于没有斜体变量的特殊字体,将应用obliqueoblique:指定文本字体样式为倾斜的字体font-weight:normal | bold | bolder | lighter...原创 2019-03-17 16:53:40 · 260 阅读 · 0 评论 -
字体深入学习
中文字体两大内1.有衬线(宋体,新宋,serif)[像衬衫一样有棱角]2.无衬线(黑体,雅黑,文泉驿正黑,sans-serif)[无棱角]#p1{ font-family:'宋体','新宋体',serif;}#p2{ font-family:'微软雅黑','黑体','文泉驿正黑体',sans-serif;}英文字体例如 花海体字体 书写规...原创 2019-03-17 17:16:15 · 156 阅读 · 0 评论 -
CSS背景
background-image语法:background-image:<bg-image> [ , <bg-image> ]*<bg-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradi...原创 2019-03-17 17:49:50 · 217 阅读 · 0 评论 -
CSS3 选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> /*后代选择器*//* div ul{ ...原创 2019-03-21 15:26:41 · 125 阅读 · 0 评论 -
CSS 设置最大高 最小高
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> p{ /* 设置最大高 200px */ ...原创 2019-03-21 15:45:11 · 970 阅读 · 0 评论 -
fontawesome字体图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 第二部把文件放置上级目录 */ @font-face { font-family: 'FontAwe...原创 2019-03-21 16:26:37 · 911 阅读 · 0 评论 -
CSS切图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen&quo原创 2019-03-18 15:28:31 · 1685 阅读 · 0 评论 -
04JS第9天 ----- js高级第3天 --- 案例
1、分析小游戏中共有三个对象。一个是地图(Map)、一个是食物(Food)、一个是蛇(Snake)。以面向对象的方式来开发,应该创建三个对象。每个对象的特点:地图Map:宽width高height背景颜色backgroundColor显示方法:show食物Food:宽width高height背景颜色backgroundColorx轴坐标:0~29...原创 2020-03-29 23:51:06 · 207 阅读 · 0 评论