自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

天涯潇湘路

WEB前端,python

  • 博客(25)
  • 收藏
  • 关注

原创 块元素和内联元素

块元素特立独行,内联元素随波逐流 <h1>~<h6>,<p>,<blockquote>都是块元素。<q>,<a>,<em>是内联元素。 每个块元素都单独显示,就好像前后有换行。块元素将内容分块显示。 块元素通常用作Web页面中的主要构建模块,而内联元素往往用来标记小段内容。设计一个页面时,一般从较大的块开始(

2018-08-31 17:03:17 193

转载 获得浏览器localStorage的剩余容量和最大容量

一、如何获取localStorage的剩余容量localStorage 中存储的是字符串,根据这一条件,我们可以通过取出所有的localStorage的内容,而其长度就是大小。具体代码如下:(function(){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); } var...

2018-08-18 12:07:58 23599 2

原创 20180629-Python基本图形绘制

- turtle库的海龟绘图法- turtle.setup()调整绘图窗体在电脑屏幕中的布局- 画布上以中心为原点的空间坐标系: 绝对坐标&海龟坐标- 画布上以空间x轴为0度的角度坐标系: 绝对角度&海龟角度- RGB色彩体系,整数值&小数值,色彩模式切换- 库引用: import、from…import、import…as…- penup()、pendown()、pensize()、pencolor()- fd()、circle()、seth()- 循环语句:for

2018-06-29 21:35:49 459 1

原创 20180629-前端系统学习-CSS语法

一、小知识点1. CSS是由各种规则集组成,而规则集由选择器和声明块组成。2. 注释由/*开头,*/结尾,不能嵌套。二、属性语法/*上下左右都是10px*/margin: 10px;/*上下10px,左右15px*/margin: 10px 15px;/*上10px,右15px,下20px,左15px*/margin: 10px 15px 20px;/*上10px,右...

2018-06-29 19:56:08 233

原创 20180627-Python基本语法元素

-缩进、注释命名变量保留字-数据类型、 字符串、 整数 、浮点、列表-赋值 语句、分支函数-input() 、print() 、eval eval () 、 print() 格式化Python Python 程序语法元素分析 程序语法元素分析

2018-06-27 15:18:17 321

原创 关于HTML5中的SVG

1. 根据W3C标准的介绍,SVG(Scalable Vector Graphics)是用于描述XML中的二维图形的语言。同时也是基于矢量的图形,这样相比jpg和png等最大的特点就是可以无限的放大而不失真。2. SVG可以嵌入到HTML中。如:<!DOCTYPE html><html><body><svg xmlns="http://www.w3...

2018-06-22 17:05:43 575

转载 H5新增标签

article: 标签定义外部的内容。aside:标签定义 article 以外的内容。aaudio:h5新增音频标签。没有高宽属性。canvas:h5新增画布标签。command: 定义命令按钮(未测试)datalist:标签定义选项列表。datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。details:标签用于描述文档或文档某个部分的细节。figure:标签用于对元素进行组...

2018-06-20 22:05:20 770

转载 关于HTML语义化

1、什么是HTML语义化?<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等>根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;用户体验:例如title、a...

2018-06-20 21:30:58 150

原创 20180614-前端系统学习-HTML之表单元素

1. 表单使用使用过程:构建表单->配置表单->验证表单->服务器处理①构建表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>form</title>

2018-06-19 09:20:24 173

原创 20180614-前端系统学习-HTML之表格元素

表格元素table表格数据    --通过二维数据表表示的信息    --不应该作为布局使用属性    --border 可以为空字符串,可以为1。caption 表格的标题colgroup表示表格中的一组列表属性    --span 默认等于1,表示一列列表...

2018-06-14 20:28:51 147

原创 20180613-前端系统学习-HTML之列表元素

1. 列表元素无序列表ul    --无序列表    --css:list-style-type  更改实心圆点的形式li    --列表里的条目有序列表ol    --有序列表    --属性typestartreversedli    --列表的条目    --属性valuetype    --1 数字编号(默认)    --a 小写字母    --A 大写字母    --i 小写罗马数字  ...

2018-06-13 16:27:15 107

原创 20180612-前端系统学习-HTML之嵌入内容

一. 图片img图像属性    --src 图片地址,必填    --alt 图片不能显示时显示的内容    --width、height 图片的宽度和高度    --srcset    --sizessrcset    --宽度描述符 <div> <img src="/res/chrome128.png" alt="chrome"> ...

2018-06-12 22:02:15 165

原创 20180611-前端系统学习-HTML之文本元素

1. 文本内容ppre表示预定义格式文本    --按照原文件中格式的显示    --空白符(比如空格和换行符)都会显示出来blockquote引用内容属性    --cite2. 文本语义em强调,需要用户着重阅读的内容    --默认斜体    --可以嵌套strong重要,严重,紧急的内容    --标题,警告,注意事项,指示性内容    --默认粗体    --可以嵌套span无任何特殊语...

2018-06-11 22:12:23 138

原创 20180611-前端系统学习-HTML之超链接

<a></a>    --另一个文档    --文档内部    --Email地址    --电话号码属性    --href    --target    --download    --hreflang 链接资源的语言,en表示英语(描述属性)    --rel 当前文档和被链接文档的关系(描述属性)    --rev 当前文档和被链接文档的关系(描述属性)    --...

2018-06-11 17:24:59 291

原创 20180611-前端系统学习-HTML之内容分区元素

1. article文档、页面、应用或者网站中可独立分配或可复用的结构使用场景    --文章(博客或者报刊)    --论坛帖子    --用户评论    --独立的插件    --任何独立的内容通常有标题(header),脚注(footer)。可以有嵌套(内层内容和外层内容相关)代码续02.252. section对网站或者应用程序中页面上的内容进行分块    --有主题的内容    --一般...

2018-06-11 17:01:27 799

原创 20180608-前端系统学习-HTML之插入脚本

1. 插入脚本行内脚本(Inline Script) 内嵌脚本(Internal Script) 外联脚本(External Script)---行内脚本最常见的on[EventName]事件触发<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2018-06-08 21:04:33 770

原创 20180608-前端系统学习-HTML之插入样式

一、插入样式1. 插入样式 行内样式(Inline Style) 内嵌样式(Internal Style Sheet) 外联样式表(External Style Sheet)---行内样式 使用的是元素的style属性,如<p style="font-size:14px;text-align:left">这是一个段落</p> &l...

2018-06-08 16:07:23 320

原创 20180607-前端系统学习-HTML简介和语法之元素分类、文档标题、元数据

一、HTML简介HTML为Hyper Text Markup Language即超文本标记语言。HTML文档给浏览器进行解析渲染。HTML发展史:1991年第一次出现HTML,1995年第一个HTML标准出现,到至今使用的是2017年的html5.2标准。HTML文档结构:<!DOCTYPE html> //文档声明(首航顶格写)告知浏览器按照什么标准解析文档<html&g...

2018-06-07 20:55:48 205

原创 20180605-前端学习日志-JavaScript之函数数组与对象

一、函数1.函数是一段代码,基本格式为function fun_name(){ }和function fun_name(a,b){ }。2.var f = new Function("x","y","return x*y");等价于function f(x,y){return x*y;}。3.函数可以进行嵌套,一个函数可以作为参数传入到另一个函数,如function add(a,b){return...

2018-06-05 23:36:32 138

原创 20180603-前端学习日志-JavaScript之概览与计算和控制

一、概览JavaScript的格式为<script></script>,不同于需要编译的Java,它是解释性语言,源代码放到HTML里面,所有JavaScript语句由分号结尾。二、格式分析<script> document.write("Hello World!")</script>document是对象,“.”是运算符,write是动作...

2018-06-04 17:19:06 133

原创 20180602-前端系统学习-开发工具学习以及前端页面调试

1. WebStormWindows上快捷键操作:查找文件:双击shift查看定义:鼠标放上去按下CTRL即可跳到定义以单词为单位移动:按住CTRL再按方向按键复制一行:CTRL+D删除一行:CTRL+X新起一行:SHIFT+ENTER注释:CTRL+SHIFT+/调整函数function的位置:CTRL+SHIFT+方向键调整行的位置:ALT+SHIFT+方向键格式化代码:CTRL+ALT+L2...

2018-06-02 23:20:07 149

原创 20180531-前端学习日志-CSS列表表格框模型定位样式选择器

一、列表list-style-type:此处可以加disc/circle/square,分别表示实心圆、空心圆、方形的列表格式。list-style-image:此处后面紧跟的是url(xxx.jpg),表示自定义排序图标list-style-position:后面紧跟inside或者outside,inside表示换到第二行的文字和第一行文字对齐,不和圆点对齐。同时也可以把以上一起写成list-...

2018-06-01 15:09:13 207

原创 20180528-前端学习日志-CSS背景样式

作为背景样式,可以设置背景颜色和背景图片。1. 背景颜色background-color:后面加red/blue/lightblue等,此种方式显示的是直接的有限的几种颜色后面加#然后引入十六进制的RGB值,0~255转化成十六进制是00~FF。如:<body style="background-color:#FF00FF">后面加rgb(),括号里面是十进制的0~255。如<b...

2018-05-28 16:39:13 313

原创 20180524-前端学习日志-CSS初学

引用CSS样式表的三种方式:1.外部引用<link rel="stylesheet" type="text/css" href="mystyle.css">2.头部引用3.就近引用代码如下:<!DOCTYPE=html><html><head> <title>我的页面</title&amp

2018-05-24 23:18:22 179

原创 20180523-前端学习日志(HTML5)

主要学习了HTML中的图片链接map,还有表格

2018-05-23 21:39:41 283

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除