自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 JavaScript的for循环语句

前端学习经验(12)JavaScript循环for循环: for (循环变量初始值; 循环条件; 循环变量更新){ 被执行的代码块 }如:将下面一段话输出十遍 <script> for(var i = 0;i<10;i++){ document.write("二营长,把意大利炮给老子拉过来&l...

2019-12-27 15:16:16 325

原创 JavaScript的if语句

前端学习经验(11)JavaScrip条件语句if 语句:使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。 <script> if(条件){ 条件成立时(true)执行的代码块 } </script>如: <script> var a = 5; if(a < 6...

2019-12-27 13:58:39 7138

原创 JavaScript的引用与输出,运算符

前端学习经验(10)JavaScriptJS的引入方式:一、内嵌式:在html页面head标签或body标签(推荐)插入script标签。 <script> js代码 </script>二、外联式:在外部创建一个后缀名为js的文件xxx.js,再将其引入到html中。JS的输出方式:一、网页输出 <script...

2019-12-26 15:45:03 145

原创 CSS的背景样式

前端学习经验(9)CSS背景background:选择对象的背景样式。如:定义背景颜色 <head> <style> .a{ height:200px; width:300px; background-color:green; <!--定义背景颜色为绿色-> </style> </hea...

2019-12-25 11:53:34 267

原创 CSS的结构伪类选择器:type系列

前端学习经验(8)CSS结构伪类选择器type系列:first-of-type:选择同类型的标签或选择器中第一个元素。 父元素>标签或选择器:first-of-type{ 样式表 }如: <head> <style> .a>div:first-of-type{ ...

2019-12-24 17:28:44 1010 1

原创 CSS的结构伪类选择器:child系列

前端学习经验(7)CSS选择器结构伪类选择器child系列:元素:first-child{样式表}

2019-12-24 16:11:34 912

原创 CSS的层次选择器,伪类选择器

前端学习经验(6)CSS选择器层次选择器包含选择器:选择所有被元素1包含的元素2 元素1 元素2{ 样式表 }如:<head> <style> .aaa p{ font-family: "楷体"; font-size: 30px; color: orange; ...

2019-12-23 16:36:54 96

原创 CSS基本语法和基础选择器

前端学习经验(5)CSSCSS基础基本语法:<style>部分:一般来说<style>放在<head> </head>中。 <style> div{ height: 100px; width: 300px; border: solid green; } </style>...

2019-12-23 14:21:25 147

原创 HTML的表单标签

前端学习经验(4)HTML表单标签 <form>表单标签</form>:此标签定义创建HTML的一个表单。 <label> 标签:为 input 元素定义标注(标记)。 <input>标签:用于搜集用户信息,基于不同的type属性,表现形式不同。 value属性:元素的默认值,用户不填,默认传它。 name属性:是数据传递的桥梁,没有n...

2019-12-23 11:06:06 433

原创 HTML的列表标签,表格标签

前端学习经验(3)HTML列表标签 <li>:此标签定义列表项目,用于有序列表 (<ol>) 和无序列表 (<ul>) 中。 无序列表标签: <ul>无序列表</ul>:此标签定义无序列表。 例:<ul> <li>无序列表1</li> <li>无序列表2&lt...

2019-12-20 15:32:50 347

原创 HTML的超链接标签、图片、多媒体标签

前端学习经验(2)HTML常用标签超链接标签:<a>这是一个链接></a>:此标签定义一个超链接。例:<a href = "https://www.baidu.com/">百度一下</a> href属性:指示到链接的目标。例:<a href = "https://www.baidu.com/" target = "...

2019-12-20 11:31:36 838

原创 HTML的基础标签、文本标签、布局标签及特殊符号

前端学习经验(1)HTML5基础标签<!DOCTYPE html> 声明为 HTML5 文档。标签对中的第一个标签是开始标签<>,第二个标签是结束标签</>。<html> 元素是 HTML 页面的根元素。<head> 元素包含了文档的元(meta)数据</head>,如 <meta charset="u...

2019-12-19 17:21:05 386

空空如也

空空如也

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

TA关注的人

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