自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

iheyu(一个新手小白女PHP初学者)

老公的博客:iwanghang

原创 css的引入方式 和选择器

html(hyperText markup language) ——>结构; css(cascading style sheet)层叠样式表——>样式; javascript ——>行为; 一.html 引入css 的三种引入方式: 1.行间样式: <html> ...

2020-03-07 19:00:40 49 0

原创 循环的作业

1.计算2的n 次幂,n可输入,n为自然数; 高人指点的方法: <script type="text/javascript"> var n = parseInt(window.prompt("input")); v...

2020-03-06 17:18:50 53 0

原创 HTML基础知识复习有序 无序 列表

8. meta和 title标签: <html> <head> <meta charset="utf-8"> <!--meta标签 charset="utf-8"是万国码--&...

2020-02-26 21:48:58 46 0

原创 HTML基础知识复习之标签

1. 什么是HTML语言: html hyperText markup language!!! 超文本标记语言 2.标签 <html></html> 根标签 <head>用户看不到的,是给浏览器看的</head> <body>是展现...

2020-02-25 19:43:39 56 0

原创 安装sublime环境和基本使用

1. 在百度中搜索——>sublime 如图: 2. 下载,如图: 3.等待下载好,打开如图: 4.创建新文件,如图: 5.保存新文件,如图: 正在上传…重新上传取消 ...

2020-02-25 16:20:17 55 0

原创 了解前端和整个完整的项目

1. 什么是前端工程师? Front-End-Developer(前端工程师),是将可视化和部分交互功能剥离出来就形成了前端开发。 前端工程师就是用 HTML CSS JavaScript等专业技能和工具,将UI设计的稿实现成 网站产品。 Full-Stack Engineer(全栈工程师)产品设...

2020-02-25 16:10:02 119 0

原创 xx闪购——商品信息

1.把图片放在 cc/img 的文件夹里:D:\cc\img 2.把图片显示出来: <ul class="clearfix"> <li> <div c...

2020-01-09 16:31:49 38 0

原创 xx闪购-商品列表布局设计

1.页面结构: <div class="seckill-goods"> <ul> <li></li> <li></li&...

2020-01-09 16:19:54 41 0

原创 xx闪购—主体选项卡

<div class="seckill-nav"> <ul> <li class="active"><em>18:00 </em> <s...

2020-01-09 14:42:35 39 0

原创 xx闪购—搜索框和iconfont

1.做搜索框: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="vi...

2020-01-09 14:08:26 68 0

原创 xx闪购—logo和分类导航

头部导航栏包含三部分: 1.logo 2.中间商品的类别 3.搜索框 一.页面的结构: 1.最外面div包裹着所有内容 高度 和 背景 ——>里面的div 是控制 宽度 和在 页面上居中 ——>三个紧挨的三个div 分别包括:logo、中间商品的、搜索框; <d...

2020-01-09 11:59:10 69 0

原创 做xx闪购网站准备工作

1. 创建文件夹cc ——>cc中 创建 css,img,js 文件夹 与 index.html文件; 2.在 css 文件夹——>创建 文本文档——> s重命名 为 style.css 文件; 3.打开 vscode ——>找到 cc 文件夹中的 index.html...

2020-01-08 15:35:13 53 0

原创 xx闪购——顶部的菜单栏

一.做小米商城的菜单栏: 1.页面结构: 1.1.在html的body里面有一个 div 包裹着所有 内容 与 控制背景和高度; 1.2.在用1个 div 标签 限制宽度和整体居中; 1.3.在用1个 div 标签 让文字靠最左侧 ——>用另1个 div 标签 让文字靠最右侧; ...

2020-01-08 15:26:37 32 0

原创 盒子模型

1.什么是盒子模型? 在页面中所以的所有元素,都可以看成矩形的盒子; 2.盒子模型的组成: 内容(就是盒子里面装的东西)——>盒子框(盒子本身)——>内边距(内容与盒子框之间的距离)——> 外边距(盒子与盒子之间的距离); /* 鞋盒装了鞋子 堆在一起 内容:鞋子...

2019-12-05 13:19:08 20 0

原创 CSS连接状态样式改变及列表样式优化

一.通过伪类定义<a>,的四种状态: 1.初始状态——>被访问状态——>鼠标移动状态——>点击状态; a:link { /*初始状态*/ } a:visited { /*被访问状态*/ } a:hover { /*鼠标移动状态*/ } a:activ...

2019-12-05 12:57:09 27 0

原创 CSS字体实例的多种变换

1.改变浏览器中字体: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name=&quo...

2019-12-05 12:48:09 28 0

原创 CSS背景使用方法

1.背景相关的属性——>所有标签都具有的CSS属性: 1.1.背景可以设置成某种颜色: body { background-color: red; } 1.2.背景可以设置成某张图片 body { background-image: url('123.jpg...

2019-12-05 12:14:59 12 0

原创 CSS伪元素选择器

1.伪元素选择器——>伪元素:假的(不是自己写的)——>例如:开始before 结束after <!DOCTYPE html> <html lang="zh"> <head> <meta charset=&q...

2019-12-04 17:11:19 21 0

原创 CSS属性选择器

1.属性选择器——>基本s[属性] <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta ...

2019-12-04 16:19:46 14 0

原创 CSS组合选择器

1.什么是组合选择器? 把基本选择器 、通过特殊符号串连在一起 ; 1.分组选择器——>把多个选择器用,隔开——>div,p,ul <!DOCTYPE html> <html lang="zh"> <head> ...

2019-12-04 11:42:02 26 0

原创 vscode编辑器中怎么样,字体变大?(针对windows10)

1.选择“查看”——>点击“外观”中的“放大”; 2.点击“文件”中的“首选项”——>选择“设置”; 3.找到“Editor Font Size”字体大小,改成18; 4.点击“文件”保存; ...

2019-11-27 15:14:43 73 0

原创 HTML的结构作业

1.HTML文档类型有什么作用,可以不写么?  DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。   <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <ht...

2019-11-14 15:15:24 29 0

原创 HTML网页基本概念作业

1.前端学习的基础是哪三种语言,他们之间有什么区别? 答:html、CSS 和 JavaScript HTML—> 了解页面的基本结构 CSS—> 学会页面的美化 JavaScipt基础 —> 掌握简单页面交互 2.创建第一个html文件,并让它在浏览器中显示为...

2019-11-14 15:10:37 30 0

原创 CSS核心语法和使用(下)

5.内联样式 外部+内部解析完了以后,才解析内联样式! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

2019-10-11 10:34:53 24 0

原创 CSS核心语法和使用(上)

CSS有两个重要原则: 1.优先原则:——>后解析的内容——>会覆盖掉之前解析的内容 2.继承原则:——>嵌套里面的标签——>还拥有外在标签某样式——>子元素可以继承父元素某些属性 一.什么是优先原则: 优先原则:-》选择器 1.同一个选择器文件执行:从...

2019-10-11 10:29:17 25 0

原创 CSS基本选择器

1.什么是选择器——>大括号之前——>就是选择器; 2.选择器作用——>通过选择器——>找到html中对应的元素——>并且把选择器后面的样式传递给元素; 3.选择器后面的样式——>传递给元素; 4.选择器可分为4个大类: 1.基本选择器 2.组合选择器...

2019-08-29 17:27:22 55 0

原创 CSS核心语法——颜色的五种定义方法

一.CSS主要有两大部分组成:1.选择器——>div(标签选择器) 2.声明——>大括号包含具体样式——>每一条对应样式——>属性名称和 属性值——>是以分号结束;——>用冒号隔开属性名称和属性值; 二.格式:1.控制器+空格+{换行 用tan键=四个空格...

2019-08-28 14:26:55 65 0

原创 CSS定义和三种引入方式

1.CSS:层叠样式表CSS(Cascading Style Sheets) 2.HTML+CSS ——>相当于人的肉体 ——>JavaScript——>相当于人的思想行为; 3.HTML——>主要负责页面的结构; 4.CSS ——>主要负责页面的样子; 5....

2019-08-27 15:02:12 41 0

原创 vscode——怎么换颜色

1.打开vscode ——>选择任意一个.html文件——>进入.html文件——>点击"文件"——>选择“首选项”——>选择"颜色主题" 就是浅紫色的,你也可以根据你个人喜好选择其他颜色! ...

2019-08-26 13:51:50 100 0

原创 前端发展历史

CSS是网页结构化工具——>CSS将网页的内容和设计的进行分开管理——>在网页外观和排版放在CSS里面内容依然保留在HTML里面 智能手机越来越多,移动端在兴起——>如何在手机上小小的屏幕显示,偌大的内容,就出现三格系统 提供了许多相应框架,前端做些事变得简单 ...

2019-08-26 11:24:06 42 0

原创 HTML——表单作业(一)

1.表单提交方式中的GET和POST,那个会修改网址? GET:是把传的值显示在网址里面 POST:是把值放在http头里面 所以GET能修改网址 2.input标签不同类型的尝试 1.滑动条代码段 <!DOCTYPE html> <html lang=&quo...

2019-08-23 14:42:32 196 0

原创 HTML——网页的布局

iframe嵌套页面1.布局的概念——>把功能划分成小块并排列好就叫布局; 2.在网页实现功能的小块——> <div></div>——>div标签就是一个容器(是用来装东西的器皿) <!DOCTYPE html> <html l...

2019-08-23 14:37:45 42 0

原创 vscode——HTML——表单

1.表单是收集用户信息输入——>发送——>或提交给服务器: 2.表单分为二大类: 1.输入:内容——>文本——>普通和密码——>单选框——>多选框——>下拉框; 2.提交:提交按钮——>http:——>超文本传输协议——>主要保持客...

2019-08-21 16:41:55 647 0

原创 HTML表格的基本样式作业

1.现在用表格做页面布局是否合适,为什么? 表格在之前做页面,但因为代码后期不好维护; 现在div+css布局就代替表格! 2.表格中的tr th td 分别代表什么意思,是否还有其他标签可以放在table标签里面? tr——>行 th——>标题 td——>内容 ...

2019-08-20 16:14:28 764 0

原创 HTML——表格的基本样式

表格在以前用的比较多,之前的表格主要是作面布局!表格的代码不好维护不推荐使用! div+css布局就代替表格! 1.在页面里面做表格用——> <table></table>——>在页面的表格是怎么定义的——>表格组成元素是行——> <tr&...

2019-08-20 14:42:01 317 0

原创 vscode——HTML的列表作业

1.实现下图无序列表效果: 苹果 香蕉 西瓜 空心圆的:苹果——>香蕉——>西瓜 实心方块:苹果——>香蕉——>西瓜 下面的代码段 <!DOCTYPE html> <html lang="en"> <head...

2019-08-20 11:20:26 56 0

原创 vscode——HTML的列表

1.列表分为三类: 1.无序列表——>是有内容组成的——>用的标签是 "ul+li" 组合——>列表中的成员无顺序关系 2.有序列表——>是有内容组成的——>用的标签是 "ol+li" 组合——>列表中的成员有顺序关系...

2019-08-19 17:06:11 43 0

原创 vscode——HTML基本标签A标签超级链接

什么是超级链接: 1通过超级连接建立链接的关系——>从一个页面跳转另一个页面——>a标签是成对出现的——<a></a>有开始有结束——>a标签不加属性: <!DOCTYPE html> <html lang="en"&...

2019-08-19 11:18:58 859 0

原创 vscode——HTML基本标签图片

1.在html中显示图片用——><img>——>显示图片就用到<img src=">属性; ****切记要把图片“重命名——>放到对的路径里面才可以哟!" <!DOCTYPE html> <html lang=&quo...

2019-08-16 11:23:47 2494 0

原创 vscode——HTML网页的内容作业

1.请用h1~h6标签实现从大到小的效果? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam...

2019-08-14 15:08:48 148 0

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