![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
宋辰轩
这个作者很懒,什么都没留下…
展开
-
初入WEB前端(18)VUE
v-text直接替换标签里的内容,无论之前是什么内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/vue@2.6.11原创 2020-07-09 17:34:58 · 112 阅读 · 0 评论 -
初入WEB前端 JavaScript (4)
1.JsonJSON 格式在语法上与创建 JavaScript 对象代码是相同的。由于它们很相似,所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象var text = '{ "sites" : [' + '{ "name":"Runoob" , "url":"www.runoob.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taoba原创 2020-07-07 17:44:50 · 97 阅读 · 0 评论 -
初入WEB前端 JavaScript(3)
1.对象中的函数定义在对象中的函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&原创 2020-07-06 16:25:43 · 79 阅读 · 0 评论 -
初入WEB前端 JavaScript(2)
1.JavaScript 超链接动作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-07-06 14:32:59 · 89 阅读 · 0 评论 -
初入WEB前端 JavaScript(1)
学着学着Vue,发现必须要学JavaScript,又跑来学习。1.JavaScript第一个文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl原创 2020-07-06 13:45:25 · 93 阅读 · 0 评论 -
初入WEB前端(17)VUE 定义方法
1.注意事项new Vue({ el:'#app', data:{ major:'java' }, methods:{ //定义方法 sayHi:function(){ alert("Hello Vue"); } } })一定不要忘了#,以及在定义新的块(如方法块)和新的参数时,加上“,”2.定义数组、对象、方原创 2020-07-03 17:34:17 · 237 阅读 · 0 评论 -
初入WEB前端(16) VUE起步
1.介绍VUE是一个渐进式的js框架,只注重图层,结合了HTML+CSS+JS,有良好的生态系统且体积小,适用于系统的前端开发至于后端,我们可以直接用SSM搞定后端,所谓后端也就是些增删改查VUE是SVVM的实现者,SVVM自己搜MVC model+view+controlSVVM model+view+viewmodel(链接视图和数据的中间部件)2.起步通过官网可以获得起步所需的步骤在界面中引入vue的js文件或者引入外部网络提供的js文件 就可以使用vue了cdn内容分发网原创 2020-07-03 11:04:05 · 214 阅读 · 0 评论 -
初入WEB前端(15)CSS 关于内边距的探讨
1.背景颜色会默认延伸到内边距上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-07-02 17:24:58 · 464 阅读 · 0 评论 -
初入WEB前端(14)CSS 布局、文档流、盒子模型
1.文档流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{原创 2020-07-02 17:11:07 · 127 阅读 · 0 评论 -
初入WEB前端(13)CSS样式的权重、颜色
1.样式的权重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 样式的冲突:选择不同的选择器,选中相同的元素,并原创 2020-07-02 09:40:14 · 418 阅读 · 0 评论 -
初入WEB前端(12)CSS 继承
1.继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p{原创 2020-07-01 17:33:25 · 167 阅读 · 0 评论 -
初入WEB前端(11)CSS 超链接的伪类Link、伪元素
1.Link<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2020-07-01 16:03:35 · 744 阅读 · 0 评论 -
网页制作--苹果官方网站模仿
初入WEB前端设计第四天,我仿着做了一个网站,做的很垃圾,也没有一些约束(浏览器页面小时会显示错误)成品图如下:在这里我用了CSS字体 font awesome,不懂的可以去这篇博客:CSS图标字体,在网页中插入一行OTTO,我也上传了文件(字体和项目),可以下载因为不太懂,所以没有进行文件的布局,有点乱,工作区是这样的一个个代码粘贴太麻烦了,而且容易搞混,如果觉得网站不是特别拉胯可以去TB花几毛钱下载一个,我没有用到flex框架,因为还没学,几乎是拆了东墙补西墙的方式凑出来的网页,代码可能原创 2020-07-01 10:41:51 · 2848 阅读 · 0 评论 -
初入WEB前端(10)CSS 图标字体 在网页里插入一行Otto
1.图标字体<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=".原创 2020-06-30 14:12:48 · 285 阅读 · 0 评论 -
初入WEB前端(9)CSS 伪类选择器
1.伪类选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2020-06-30 09:13:52 · 154 阅读 · 0 评论 -
初入WEB前端(8)CSS 属性选择器
1.属性选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*属性选择器原创 2020-06-30 08:41:27 · 96 阅读 · 0 评论 -
初入WEB前端(7)CSS 交集选择器、并集选择器、关系选择器
1.交集选择器和并集选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*选择原创 2020-06-29 17:28:04 · 558 阅读 · 0 评论 -
初入WEB前端(6)CSS 基本语法
1.基本语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- style标签里面和外面是两个世界,学习CSS,相当于学了一门新的语言 --> <style> /*CSS里的注释 CSS基本语法:选择原创 2020-06-29 16:00:43 · 162 阅读 · 0 评论 -
初入WEB前端(5)CSS样式 定义样式的三种方法
1.CSS入门–样式的定义方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #a原创 2020-06-29 15:13:33 · 1419 阅读 · 0 评论 -
初入WEB前端日记(4)HTML5 引入音频、视频
1.引入音频<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-原创 2020-06-29 14:33:07 · 1156 阅读 · 0 评论 -
初入WEB前端日记(3)HMTL5 超链接访问上下级目录、图片插入、内联框架
小白一枚,初入WEB前端第三天,进行一些记录,可以直接粘贴运行1.超链接的上下级目录如何在下级目录的html中访问到上级目录中的某个html如何在上级目录的html中访问到下级目录的某个html??下级访问上级<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2020-06-29 10:35:18 · 1383 阅读 · 0 评论 -
初入WEB前端日记(2)HTML5 语义化标签、列表
小白一枚,初入WEB前端1.语义化标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&原创 2020-06-28 11:19:15 · 140 阅读 · 0 评论 -
初入WEB前端日记(1)HTML5 快捷键、转义符、Meta标签
小白一枚,因实习初学WEB前端,记录一下学习,代码可以直接贴,可以运行快捷键和转义字符<!DOCTYPE html><!-- 默认网页语言为英文 --><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2020-06-24 17:07:18 · 572 阅读 · 0 评论